具有输入的枢轴

时间:2018-07-31 15:02:22

标签: reactjs office-ui-fabric

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

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

see the animated gif that shows my issue

问题出在Pivot 3上。当我转到其他任何Pivot,然后又回到Pivot 3时,输入​​文本的值都丢失了。因此,我想每个PivotItem都将在没有持久数据的情况下重新渲染。

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

预先感谢

1 个答案:

答案 0 :(得分:0)

我同意,正确的解决方案是在枢轴内部放置一个受控的TextField。您从渲染状态传递其当前值,然后onBlur(或onChange)更新状态。我们建议将大多数表单元素用作仅显示当前状态的受控元素。