如何根据onChange在React功能组件中重新渲染？

Question

当您使用React Functional Component时，我想在div更改值之后立即在以下选择标签中选择的onChange标签内反映一个值，因此您不能使用setState函数。在前提条件下，如何根据值更改调用render方法（或在div中重新渲染值）？有想法吗？

<select onChange={foo}>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

<div>{value}</div>

Answer 1

1. 在父组件中维护状态，将其作为道具传递给功能组件以显示值
2. 还将onChange从父级传递到功能性子级组件。

喜欢这个

net

Answer 2

有几种解决方案 1.您可以使用生命周期方法 2。如果您使用redux维护数据状态，这很容易。分配该值，它将随着数据的变化而呈现。从mapstatetoprops获取值 3.如果您不使用redux，请在parent中调用该函数，然后将该值传递给子组件