![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
context
文章平均质量分 61
我是乐呀
这个作者很懒,什么都没留下…
展开
-
react-context-访问、修改操作
上篇文章介绍了context(上下文对象),这边文章接着上篇文章总结利用context实现数据修改引言:1、我们使用context上下文对象来管理公共状态,那么我们只能读状态,如何更新?2、要实现-----在一个祖先元素上挂载context对象,在子组件上试图去读取修改,其他组件也可以变化3、创建一个组件,在全局里定义一个状态,并修改这个状态写法:1、首先创建一个组件,供其他组件使用Count组件如下,将组件可以放到子组件里面// 我们使用context上下文对象来管理公共状态,那么我们只能原创 2022-01-27 11:46:39 · 2371 阅读 · 0 评论 -
组件通信------context
组件通信------context简介:组件通信有如下方式,本篇文章主要讲述context1、父组件与子组件通信(父传子就是属性)1)父组件将自己的状态传递给子组件,子组件当作属性来接收,当父组件要更改自己状态的时候,子组件接收到的属性就会发生改变2)父组件利用ref对子组件标记,通过调用子组件的方法已更改子组件的状态,也可以调用子组件的方法2、子组件与父组件通信(子传父就是写个函数往里面传)1)父组件将自己的某个方法传递给子组件,在方法里可以任意操作,比如可以更改状态,子组件通过this原创 2022-01-25 17:54:45 · 630 阅读 · 0 评论