javascript - 在 Modern React 中沿组件层次结构传递数据

标签 javascript reactjs typescript

在 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/

相关文章:

javascript - jQuery var 等于它所关注的输入框的值

javascript - 如何从函数中始终返回小数点后两位的数字

javascript - Package.json 复杂的启动脚本,带有 "sh -ac"和用于 Firebase 的 .env 文件

reactjs - 如何用 React 组件替换 Markdown 渲染的 HTML 标签?

typescript - 你如何连接两个(管道标准输入和标准输出)Deno 子进程?

javascript - 在 v-for 循环中显示特定数据的问题

javascript - 从 background-image 属性获取 URL

javascript - 如何通过从 json 文件中提取数据来将键值对数组加载到状态中?

javascript - 如何在 TypeScript 中链接函数参数类型?

javascript - typescript :找不到模块 'react-cards' 的声明文件