html 收藏功能,用react怎么实现收藏功能？

用react怎么实现收藏功能？下面本篇文章给大家介绍一下react 实现收藏小星星功能收藏，取消收藏的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

1.通过设置iconStatus取反来实现点击收藏，取消收藏的功能import React,{useState} from 'react'

function Model(){

const [icoStatus, setIcoStatus] = useState(true)

//点击收藏按钮

const iconSouCangData = (event, props) => {

setIcoStatus(!icoStatus)

}

return(

icoStatusData(e,props)}>

)}

2.下面这种是针对循环的列表进行收藏，取消收藏import React,{useState} from 'react'

function Model(){

const [icoStatus, setIcoStatus] = useState(true)

//点击收藏按钮

const iconSouCangData = (event, props) => {

setIcoStatus(!icoStatus)

}

return(

iconSouCangData(e,props)}>

)}本文转载自：https://blog.csdn.net/qq_36947128/article/details/104619211

更多web前端知识，请查阅 HTML中文网！！

html 收藏功能,用react怎么实现收藏功能？相关推荐

收藏功能_微信强大的收藏功能，你们用了吗？
在中国说到即时聊天工具,就得说到微信和QQ了,他们都是腾讯旗下的产品,今天麦叔要和大家聊的是微信,去年官方数据显示微信用户已超过10亿,庞大用户群体在使用它,但它的一些功能并不是每个人都会知道,今天麦 ...
.NET常用功能和代码[总结与收藏] (转)
.NET常用功能和代码[总结与收藏] 1. 打开新的窗口并传送参数: 传送参数: response.write("<script>window.open('*.aspx?id=& ...
ios开发收藏按钮_iOS使用CoreData实现收藏功能
实现收藏有很多方式,我在自己练习的项目中用CoreData实现了一下收藏功能,注释很少,算是自己做的一个笔记. 首先创建一个工具类继承NSObject,在里面实现所需要的方法. 工具类的.h文件: t ...
怎样找回html里收藏的文件夹,电脑浏览器收藏的网址重装后如何找回
很多的人都会在浏览器收藏网址,当我们遇到浏览器重装的时候如何找回收藏的网址呢?下面为您精心推荐了电脑浏览器收藏的网址重装后找回方法,希望对您有所帮助. 电脑浏览器收藏的网址重装后找回方法在重装系统前 ...
云收藏系统|基于Springboot实现云收藏系统
作者主页:编程千纸鹤作者简介:Java.前端.Pythone开发多年,做过高程,项目经理,架构师主要内容:Java项目开发.毕业设计开发.面试技术整理.最新技术分享收藏点赞不迷路关注作者有好 ...
PHP副本保存用什么函数,PHP_收藏的PHP常用函数推荐收藏保存，内容：复制代码代码如下: lt - phpStudy...
收藏的PHP常用函数推荐收藏保存内容: 复制代码代码如下: function GetIP() { //获取IP if ($_SERVER["HTTP_X_FORWARDED_FOR&q ...
react hooks使用_如何使用Hooks将React类组件转换为功能组件
react hooks使用 by Balaganesh Damodaran 通过Balaganesh Damodaran 如何使用Hooks将React类组件转换为功能组件 (How to conve ...
初探react，用react实现一个todoList功能
初探react,用react实现一个todoList功能
360浏览器怎么收藏网页 360安全浏览器快速收藏网页方法简述
不少网友都有将一些常用的网站收藏在浏览器中的习惯,以便下次快速打开该站点或找寻.那么,在360浏览器中该怎么收藏网页呢?下面小编就来简单介绍一下360安全浏览器快速收藏网页的方法,有需要的朋友可以稍作 ...

html 收藏功能,用react怎么实现收藏功能？

html 收藏功能,用react怎么实现收藏功能？相关推荐

最新文章

热门文章