react中context跨组件传值（爷孙组件等多组件深度传值）

• Z时代
• 2024-01-10
• 分类：综合

前言：

在做项目中免不了进行组件深度传值，比如爷孙组件以及更深。这是时候其实有两个办法的。就是类似下面的结构

下面给大家介绍下方法

①：传统的父子组件传值，一个传一个，这样虽然能实现但是很麻烦。

②：就是react给我们提供了一个context，可以帮我们达到效果。context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。接下来看怎样使用。

使用之前我们需要知道里面的几个东西

①：childContextTypes(外层的组件使用的)

②：getChildContext（外层的组件使用的）

③：contextTypes（接收组件使用的）

开始使用：下面给大家截图展示更加清楚

孙子组件：

子组件

爷组件

完毕！！

以上是 react中context跨组件传值（爷孙组件等多组件深度传值） 的全部内容， 来源链接： utcz.com/z/383753.html