react.js - 输入框没能输入问题

问题描述

问 题

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

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

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

解决方案

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

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

这篇关于react.js - 输入框没能输入问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！