用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中文網其他相關文章！
