输入框没能输入问题

Question

在react组件中
<input type='text' placeholder='输入店铺名称' ref='shopName' value={this.props.storeName}/>

value={this.props.storeName}这个是赋上去的默认值，问题是我只要把这一句加上去，输入框就不能输入了，里面的文字也不能删除掉；不加又是没问题的

这个是怎么回事，请大神指教，帮忙解决

Answer 1

直接用value赋值，使得input变为了受控的input，此时必须有个onChange的回调。

或者，可以把value，改为用 defaultValue