如何根據React中其兄弟的大小調整組件的大小？

Question

我有兩個兄弟組件，而左邊的組件正在改變高度。其右邊的兄弟姐妹應該將其高度改變爲相同的尺寸。

我該如何在React中完成這件事？

Answer 1

下面是我會設置它：

1. 有一家商店，並在那家商店，有一個值thingyHeight並將其設置爲一些默認。
2. 在一個將改變高度的組件中，有一個事件處理程序（可能在mouseup之類），它更新商店中'thingyHeight`的值。
3. 將thingyHeight的值傳遞給您的正確組件。

這是人們在談論'聲明式'編程時所指的。您聲明你的組件應該如何知道它的高度（由thingyHeight道具你通過它），你不告訴它如何或時向改變它的高度（這就是所謂的勢在必行）。

當商店中的值發生變化時，如果需要，React將重新渲染並設置新的高度。