
React
文章平均质量分 60
蒙悦纳
这个作者很懒,什么都没留下…
展开
-
react纯函数组件useState更新页面不刷新
问题描述:const [textList, setTextList] = useState(原数组);setTextList(新数组);当修改原数组时,如果原数组是个深层数组(不只一层),使用setTextList修改时,不会触发页面刷新原因分析:这个涉及到可变对象he不可变对象的知识,在vue和react中,如果更新可变对象时,可能会引起视图更新,这是因为,vue和react默认都是浅监听,只会监听数据的第一层,内层数据发生改变,并不会监听到。解决方案:这里我的解决方案是,先将原数原创 2020-08-30 13:59:11 · 10921 阅读 · 4 评论 -
react兄弟组件传值实现注册成功带值跳转登录
项目场景:有些项目要实现注册完成后跳转到登录,并且携带注册的手机号效果展示:下面来看一下效果演示:解决方案:先模块化拆分,将注册和登录拆分成两个组件,然后利用利用了传值,看代码://组件拆分,父组件的内容state = { activeKey: "1", mobile: ""}//修改父组件选项卡函数changeActiveKey = (value) => { this.setState({ activeKey: value原创 2020-08-29 10:01:28 · 447 阅读 · 0 评论 -
React组件通信(父传子、子传父、兄弟传值)
1、组件传值之父传子先看演示,react里面的父子组件传值可以通过props来实现达到修改子组件里面的值父组件代码:通过props可以实现在子组件里面接收父组件的值,修改父组件的值,可以实现修改子组件里面的值2、组件传值之子传父看演示:子传父也是通过props来实现的,父组件通过props传递一个能修改自身数据的函数给子组件,子组件接收该函数,并且执行该函数,就可以实现子组件通信父组件的效果。父组件修改自身数据函数:子组件通过props接收父元素的方法子组件执行传递过来的函数原创 2020-08-13 19:45:24 · 458 阅读 · 0 评论