用react怎么实现收藏功能

用react实现收藏功能的方法:通过设置iconStatus取反来实现点击收藏,代码为【const [icoStatus, setIcoStatus] = useState(true)】。

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

登录后复制

相关免费学习推荐:JavaScript(视频)

以上就是用react怎么实现收藏功能的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2723779.html

(0)
上一篇 2025年3月7日 23:07:49
下一篇 2025年3月7日 22:55:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • react中props和state的区别什么

    react中props和state的区别:1、props主要是用于组件之间传递参数,获取组件的属性值,对于外界组件的属性值,无法直接修改,它是只读的;2、state主要用于组件更新控制,如果想重新渲染或更新组件,只需要修改state即可。 …

    2025年3月7日
    200
  • react中portal是什么意思

    react中portal是提供了一种很好的将子节点渲染到父组件外部DOM层级中的DOM节点中的方式,语法为【ReactDOM.createPortal(child, container)】。 Portals 提供了一种很好的将子节点渲染到父…

    2025年3月7日
    200
  • react如何阻止冒泡失败

    react阻止冒泡失败的方法:1、在没有涉及到原生事件注册只有react事件时,用【e.stopPropagation()】阻止冒泡;2、需要用到【e.nativeEvent.stopImmediatePropagation()】方法。 r…

    2025年3月7日
    200
  • react中元素和组件的区别是什么

    react中元素和组件的区别:1、元素数据结构是普通对象,而组件数据结构是类或纯函数;2、在JSX中,被元素嵌套的元素会以属性children的方式传入该元素的组件。 react中元素和组件的区别: 1、React 元素 React 元素(…

    2025年3月7日
    200
  • react中如何引进图片

    react中引进图片的方法:1、方式一【import tsIcon from ‘../images/typescript.jpeg’;】;2、方式二【const tsIcon = require( ‘./…

    2025年3月7日
    200
  • react中state和props的区别有哪些?

    区别:props是传递给组件的(类似于函数的形参),而state是在组件内部被组件自己管理的(类似于在一个函数内声明的变量)。state是组件自己管理数据,控制自己的状态,可变;props是外部传入的数据参数,不可变。 本教程操作环境:Wi…

    2025年3月7日
    200
  • react中如何导入图片

    react中导入图片的方法:1、通过import方式导入,代码为【import logo from ‘./asset/logo.jpg’】;2、使用require方法,代码为【 本教程操作环境:windows10、r…

    2025年3月7日
    200
  • jquery和React的区别是什么?

    区别:1、本质上,React是一个UI库,而JQuery是一个工具库或者说是插件库。2、对Dom操作的不同,React提供了一整套的虚拟Dom,所有的操作都在虚拟的Dom上而并非真实的Dom;而Jquery操作的是真实Dom。 相关推荐:《…

    2025年3月7日 编程技术
    200
  • react如何写点击事件

    react写点击事件的方法:1、使用bind绑定,代码为【this.clicked.bind(this,”hello world”)】;2、使用箭头函数,代码为【onClick={(event)=>this.c…

    2025年3月7日
    200
  • react组件有过哪些性能优化

    react的组件性能优化有:1、尽量多使用无状态函数构建组件;2、拆分组件为子组件,对组件做更细粒度的控制;3、运用PureRender,对变更做出最少的渲染;4、运用immutable。 react的组件性能优化有: 1. 尽量多使用无状…

    2025年3月7日
    200

发表回复

登录后才能评论