本文摘自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>
</>
)}
|
阅读剩余部分
相关阅读 >>
React中怎么传递事件对象
React-bootstrap是什么?
React中get与post的区别是什么
React native的优缺点是什么?
React如何阻止冒泡失败
React可以做什么?
React中monent如何获取日期?
React redux是什么?
React中怎么改变state的值
用React完成一个图片轮播组件
更多相关阅读请进入《React》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 用react怎么实现收藏功能