如何根據React中同級組件的大小來調整組件的大小？

Question

我有兩個同級組件，左側的一個正在更改高度。 右側的同級應將其高度更改為相同的大小。

我該如何在React中完成這項工作？

Answer 1

這是我的設置方法：

1. 擁有一個商店，並在該商店中，將值thingyHeight設置為默認值。
2. 在一個會改變其高度的組件中，有一個事件處理程序（可能是在mouseup或類似的東西）來更新商店中“ thingyHeight”的值。
3. 將thingyHeight的值thingyHeight給正確的組件。

這就是人們談論“聲明式”編程時所指的內容。 您是在聲明組件應該如何知道其高度（通過您通過它的thingyHeight ），而不是在告訴它如何或何時更改其高度（這稱為命令性 ）。

當商店中的值更改時，React將重新渲染並根據需要設置新高度。