react.js - react 表单组件 用 defaultValue 还是 value

问题描述

问 题

遇到这样一个问题：
在设置一个input为deaultValue={this.state.value}时，可以获取到getInitialState里面设置的值，并正确显示在页面上。
但是,当我不通过这个input修改this.state.value ,即手动修改state并将value设置为其他值时，再次调用setState()，发现这个input里面的值没有变。
请问这是为什么？但是将deaultValue改为value={this.state.value}时，又不会有这个问题，为什么？

解决方案

defaultValue就是默认值，第一次设置时生效；value就是当前input的值，设置value={this.state.value}就等于input的当前值就是this.state.value。所以设置<input value={this.state.value} {...otherProps}/>就达到了你想要的效果。

这篇关于react.js - react 表单组件 用 defaultValue 还是 value的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！