不受控制的文本框,更新defaultValue

时间:2016-01-15 14:31:09

标签: reactjs

我有一个不受控制的文本框。我在上面设置了defaultValue。当我更改defaultValue时,它不应该更新/重新渲染文本框吗?它没有这样做,有谁知道如何使这项工作?

由于

2 个答案:

答案 0 :(得分:2)

来自React docs

  

注意:

     

defaultValuedefaultChecked道具仅在初始渲染期间使用。如果您需要在后续渲染中更新值,则需要使用controlled component

答案 1 :(得分:1)

我想出了怎么做。我使用了动画页面上动画一个或零项目部分的技术 - http://facebook.github.io/react/docs/animation.html#animating-one-or-zero-items

基本上,您将key设置为defaultValue,并且每次都会重新创建文本字段。

所以这不是不可能的,只需要有点创意。然而,这会导致旧字段被删除并且要创建一个新字段,因此它会受到性能影响,因此不是一个真正伟大的解决方案。但是完成了它。