react 使用context方式组件传参

lichengxin • • 好物分享

第一步：引入
调用React.createContext()得到context对象，
在context对象中取出Provider
const MyContext = React.createContext()
const {Provider} = MyContext
第二步：发送数据
在要发送数据的组件(A)中写入Provider，添加value属性，值为要传递的值，若有多个值则：value={undefined{username, password}}形式
内部写入(A)的孩子组件(B)
这样B组件以及B的后代组件就都能接收A组件传递的值



第三步：接收数据
在接收之前要先声明，在组件中使用如下语句就能使用(A)发送的数据
static contextType = MyContext
声明之后使用this.context即可接收到数据

来自A组件的数据：{this.context}

react中组件传值的方

react 使用context方式组件传参最先出现在Python成神之路。

版权声明：
作者：lichengxin
链接：https://www.techfm.club/p/14921.html
来源：TechFM
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>