reactjs - 带输入的枢轴

Question

我有一个带有 3 个 PivotItems 的 Pivot 组件。

前 2 个仅显示标签。第三个显示表单输入文本。

查看显示我的问题的动画 gif

问题在于 Pivot 3。当我转到任何其他 Pivot，然后返回 Pivot 3 时，输入文本的值丢失。所以我猜每个 PivotItem 都在没有持久数据的情况下重新渲染。

这是正确的行为吗？有什么解决方法吗？

提前致谢，

Answer 1

我同意正确的解决方案是在枢轴内有一个受控的 TextField 。您在渲染时从状态传递它的当前值，然后在 onBlur（或 onChange）上更新状态。我们建议将大多数表单元素用作仅显示当前状态的受控元素。