在 React 组件层次结构中,可以通过传递 props
将数据从根组件传递到组件树内的某个组件。但是,将数据向上传递的最佳方式是什么?我可以想到将方法从包装器传递给 child 。有没有更好的方法来处理深度嵌套组件场景中的数据流?
最佳答案
我不认为将回调函数从父组件传递到子组件有什么问题。
但是,在这种情况下:
<parent onSomeEvent={..}>
<first-child onSomeEvent={..}>
<second-child onSomeEvent={..}>
...
当需要将一些数据从子组件传递到更高级别的父组件时,并且您不想像上面的示例一样传递回调函数,您可以使用状态管理,如 react-redux , MobX 。您还可以使用react context api and hooks如果您不想使用额外的库。
您只需记住,这对于您的应用来说并不过分。
关于javascript - 在 Modern React 中沿组件层次结构传递数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60015462/