ReactJS input type="number“仅响应微调按钮，不响应手动输入
ReactJS input type="number“仅响应微调按钮，不响应手动输入
提问于 2017-02-15 03:15:42
目前，我只能通过微调按钮更改输入字段的值。
但是，当我在输入中单击以手动键入一个数字时，文本光标就消失了，我无法在里面输入。我可以在输入的同时点击输入框，这是可行的。下面是我的React代码的简化：
constructor(props) {
super(props)
this.state = {
quantity: 1
}
}
//This is just making some API call, but am I supposed to do anything else here to update the value?
handleQuantityChange(e) {
this.props.editQuantity({
quantity: e.target.value
})
}
render() {
return (
<input type="number" value={this.state.quantity} onChange={this.handleQuantityChange.bind(this)}
)
}这些数字反应正确，但仅限于微调器按钮。
回答 1
Stack Overflow用户
发布于 2017-02-15 03:19:10
输入是一个受控组件，这意味着它的值始终是value属性中的值。您可以使用defaultValue切换到不受控制的组件，也可以在每次更改时更新状态，以便值可以更新。
this.setState({
quantity: e.target.value
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42234401
复制相关文章
相似问题
腾讯云开发者
