资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

用react如何实现收藏功能

小编给大家分享一下用react如何实现收藏功能,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

创新互联是专业的南沙网站建设公司,南沙接单;提供成都做网站、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行南沙网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

用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)}>
     
    )}

看完了这篇文章,相信你对用react如何实现收藏功能有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享文章:用react如何实现收藏功能
文章出自:http://www.cdkjz.cn/article/ggpeip.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220