javascript – 如何在React中获取文本框的值?
作者:互联网
我刚开始使用React.js,我只是不确定是否有一种特殊的方法来获取文本框的值,在这样的组件中返回:
var LoginUsername = React.createClass({
render: function () {
return (
<input type="text" autofocus="autofocus" onChange={this.handleChange} />
)
},
handleChange: function (evt) {
this.setState({ value: evt.target.value.substr(0, 100) });
}
});
解决方法:
如documentation中所述,您需要使用受控输入.要进行输入控制,您需要在其上指定两个道具
> onChange – 每次输入更改时将组件状态设置为输入值的函数
> value – 组件状态的输入值(示例中为this.state.value)
例:
getInitialState: function() {
return {value: 'Hello!'};
},
handleChange: function(event) {
this.setState({value: event.target.value});
},
render: function() {
return (
<input
type="text"
value={this.state.value}
onChange={this.handleChange}
/>
);
}
更具体地说,textarea – here
标签:html,javascript,reactjs,react-jsx 来源: https://codeday.me/bug/20191006/1860303.html