用react實(shí)現(xiàn)收藏功能的方法:通過(guò)設(shè)置iconStatus取反來(lái)實(shí)現(xiàn)點(diǎn)擊收藏,代碼為【const [icoStatus, setIcoStatus] = useState(true)】。
創(chuàng)新互聯(lián)建站長(zhǎng)期為千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開(kāi)放共贏平臺(tái),與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為福清企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站制作,福清網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。
用react實(shí)現(xiàn)收藏功能的方法:
1、通過(guò)設(shè)置iconStatus取反來(lái)實(shí)現(xiàn)點(diǎn)擊收藏,取消收藏的功能
import React,{useState} from 'react'
function Model(){
const [icoStatus, setIcoStatus] = useState(true)
//點(diǎn)擊收藏按鈕
const iconSouCangData = (event, props) => {
setIcoStatus(!icoStatus)
}
return(
<>
icoStatusData(e,props)}>
>
)}
2、下面這種是針對(duì)循環(huán)的列表進(jìn)行收藏,取消收藏
import React,{useState} from 'react' function Model(){ const [icoStatus, setIcoStatus] = useState(true) //點(diǎn)擊收藏按鈕 const iconSouCangData = (event, props) => { setIcoStatus(!icoStatus) } return( <> iconSouCangData(e,props)}> iconSouCangData(e,props)}> > )}
相關(guān)免費(fèi)學(xué)習(xí)推薦:JavaScript(視頻)