我建立了一个动画盒子，并在里面存储图表。图表将通过动画进行响应。

我用图表组件中的这段代码控制响应。

  onclick = function () {
  myChart.resize();
};

问题是在处理多个图表时。我建立了一个图表存储在另一个动画框中。我想通过点击这两个图表来调整它们的大小，但这不起作用。

我一直在试图弄清楚如何在组件之间传递数据，但到目前为止，我似乎无法让它工作。有人有更好的方法吗？

・这是我的代码

https：//codesandbox.io/s/echarts-test2-3vg2t？file=/src/chart.js.

---

顺晟科技：

关于数据以及如何在兄弟组件中访问数据。

关于REACT

，

我们必须注意几件事。

1. React遵循单向数据流（这意味着数据通过props从父节点传递给子节点，而不是相反）。
只
2. 使用React（没有任何库），当我们在单个组件中有数据时，我们可以访问兄弟中的数据。因此，您需要提升状态（使用父组件中的所有组件数据并将它们作为属性传递）。
3. 另一种选择是使用像Redux这样的库，它具有单一的事实来源，并且所有数据都存储在其中，组件可以直接访问数据，而无需向下传递属性（或无需属性钻孔）。
通过在React中使用React-Hooks和Context API可以实现同样
4. 的目的。

这些来自React的官方文档可能很有帮助：

https：//react-redux.js.org/introduction/getting-started.
https：//reactjs.org/docs/hooks-reference.html.