如何访问未知父母的上下文

问题描述

假设我有两个单独的组件X和Y,其中X是Y的依赖项(不是项目中的直接子项)。是否可以在X中访问Y的上下文?

例如:

<Y.Provider value={key: 'val'}>
   <X />
</Y.Provider>

X是一个单独的项目,想要访问Y的上下文,该怎么做? 我可以在X中导入Y的上下文并使用它吗? Y完全是一个单独的组件(直到X被用作Y的依赖项时才知道)?

解决方法

如果要访问某些父变量,则父变量必须将其作为道具传递。

Y可以将所需的道具传递给孩子

const Y = (props) => {
   const myVariable = 1

   return React.cloneElement(props.children,{ context: myVariable })
}

然后X可以通过props.context.myVariable

访问它

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...