如何根据React中兄弟的大小调整组件大小？

Question

我有两个兄弟组件，左边的组件正在改变高度。它右边的兄弟应该改变它的高度到相同的大小。

如何在React中实现这一目标？

Answer 1

以下是我如何设置它：

1. 拥有商店，并在该商店中设置值thingyHeight并将其设置为默认值。
2. 在一个会改变其高度的组件中，有一个事件处理程序（可能在mouseup或其他东西上），它会更新商店中'thingyHeight`的值。
3. 将thingyHeight的值传递给您正确的组件。

这是人们在谈论“声明性”编程时所指的。你是声明你的组件应该如何知道它的高度（通过你传递它的thingyHeight道具），你没有告诉它如何或当< / em>改变它的高度（称为命令式）。

当商店中的值发生变化时，如果需要，React将重新渲染并设置新的高度。