html 收藏功能,用react怎么实现收藏功能？

用react怎么实现收藏功能？下面本篇文章给大家介绍一下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)}>

>

)}本文转载自：https://blog.csdn.net/qq_36947128/article/details/104619211

更多web前端知识，请查阅 HTML中文网 ！！