如何根据React中同级组件的大小调整组件的大小

How to resize the component depending on the size of its sibling in React?

本文关键字：组件 调整 何根 React      更新时间：2023-09-26

我有两个同级组件，左边的一个正在更改高度。其右侧的同级应将其高度更改为相同的大小。

我如何在React中实现这一点？

以下是我如何设置它：

  1. 有一个存储，在该存储中，有一个值thingyHeight并将其设置为某个默认值
  2. 在将更改其高度的组件中，有一个事件处理程序（可能在mouseup或其他组件上）来更新存储中"thingyHeight"的值
  3. 将thingyHeight的值传递给右侧组件

这就是人们在谈论"声明性"编程时所指的内容。您是在声明组件应该如何知道其高度（通过传递它的thingyHeight道具），而不是告诉它如何或何时更改其高度（这被称为命令）。

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

相关文章：