本文摘自PHP中文网,作者coldplay.xixi,侵删。
用react实现收藏功能的方法:通过设置iconStatus取反来实现点击收藏,代码为【const [icoStatus, setIcoStatus] = useState(true)】。

用react实现收藏功能的方法:
1、通过设置iconStatus取反来实现点击收藏,取消收藏的功能
1 2 3 4 5 6 7 8 9 10 11 12 13 | import React,{useState} from 'react'
function Model(){
const [icoStatus, setIcoStatus] = useState(true)
const iconSouCangData = (event, props) => {
setIcoStatus(!icoStatus)
}
return (
<>
<span className={icoStatus? " icon-soucang2 soucang-color" : "icon-soucang2" } onClick={(e) => icoStatusData(e,props)}></span>
</>
)}
|
阅读剩余部分
相关阅读 >>
uniapp和React的区别
有哪些React多端统一框架?
React中dva干什么用的?
jquery和React的区别是什么?
如何解决React中文乱码问题
怎么查看React源码
React中页面如何传值
React中如何防范xss攻击?(代码示例)
React有哪些ui框架?
vue和React本质的区别是什么
更多相关阅读请进入《React》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 用react怎么实现收藏功能