我试图了解 React 中的嵌套 props 是如何工作的。如果我有一个组件 A，它是组件 B 的父组件，而组件 B 是组件 C 的父组件。
A 给 B 一个 prop foo()，B 给 Cfoo()从 A 那里得到的 prop 。
我foo()在 C 内部呼叫。会发生什么？
1)Cfoo()调用 Bfoo()调用 A foo()
2)C 的foo()行为与 A 相同，foo()因为它是 Afoo()
想象一下，在组件 A 中，您有一个函数 foo
foo(string) {
console.log(string)
}
并在A您渲染组件B并foo作为道具传递
<ComponetB foo={this.foo}/>
同样的事情 B
<ComponetC foo={this.foo}/>
在C你调用的组件中
this.props.foo('hey')
这将调用组件A函数，这将使console.log('hey')
您可以将foo道具作为道具传递给您想要的组件数量，它会执行父组件 ( A) 中的内容。
如果您要将某些内容传递给许多嵌套组件，则可以使用React Context API。Context API 会将一个值作为道具传递给您组件的所有子组件。您应该阅读文档以了解更多相关信息。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句