reactjs - 将全局值传递给子组件

Question

我正在尝试确定将全局值传递给子组件的最佳方法。我之前将最高级别 parent 的引用传递给每个 child (大约 3-4 层深)。但我并不热衷于这种方法。我的假设是，每当根值发生变化时，React 就会比较这些值并计算它们不必要的任何变化。

我能想到的唯一其他解决方案是将值存储在窗口属性的命名空间中，即。 window.myapp.settings = {} 这会将其从 props 中删除，因此不会影响应用程序的整体性能。

Answer 1

React 不会观察对象的变化，也没有必要这样做。当您调用setState时，您实际上是在要求 React 更改组件的状态并重新渲染它。 setState将更新该子树而不是整个应用程序。

删除一两个键对 React 或一般的 JS 影响为零。如果您不知道，<MyComp a="h" b="e" />脱糖至MyComp({a: 'h', b: 'e'}) .

如果您只是为了性能而尝试传递全局对象，那么请不要打扰；你不会在那里节省毫秒。但是，是的，您可以让您的组件尽可能无状态地保留在树中，这是一种良好的做法。