用react实现收藏功能的方法:通过设置iconStatus取反来实现点击收藏,代码为【const [icoStatus, setIcoStatus] = useState(true)】。
用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)}> iconSouCangData(e,props)}> > )}
相关免费学习推荐:JavaScript(视频)
위 내용은 用react怎么实现收藏功能의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!