如何將 `this` 的引用傳遞給使用功能組件的孩子？

Question

我正在努力將一些基於 class 的代碼轉換為函數式代碼（並在此過程中學習函數式反應）。

我知道我可以將對組件 function 的各個變量的引用作為道具傳遞給孩子，但是在使用功能組件時是否有等效的<Child parentPage={this} /> ？

這個想法是子組件可以調用this.props.parentPage.updateValue() ，而不是需要執行this.props.updateValue() 。 我意識到在簡單的父-> 子關系中實際上需要做更多的工作，但是當您發現自己幾代人深入時，兄弟姐妹和堂兄弟姐妹都需要訪問this.props.parentPage.* 。

Answer 1

聽起來您想避免螺旋槳鑽孔。 在不知道代碼細節的情況下，很難說出最好的解決方案是什么，但很可能您可以為此使用上下文。

除此之外，您可以提取組件並將 JSX 作為子組件傳遞給它們。 或者只是不斷地傳遞道具，有時這樣也很好。