React :解释handleChange()函数
React :解释handleChange()函数
提问于 2021-06-30 12:26:19
我正在跟踪这个反应教程，并试图理解下面的代码段中所发生的一切。有人能解释一下handleChange()在做什么吗?为什么它是重要的？
它是否用于存储输入的信息以便后端可以处理/存储它？
class NameForm extends React.Component {
constructor(props) {
super(props);
this.state = {value: ''};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
this.setState({value: event.target.value});
}
handleSubmit(event) {
alert('A name was submitted: ' + this.state.value);
event.preventDefault();
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
Name:
<input type="text" value={this.state.value} onChange={this.handleChange} />
</label>
<input type="submit" value="Submit" />
</form>
);
}
}Stack Overflow用户
回答已采纳
发布于 2021-06-30 12:44:22
handleChange在输入任何文本以输入名称和
`
handleChange(event) {
this.setState({value: event.target.value});
}
`这是更新状态的this.state值和输入使用的相同状态的值，以显示当前的输入value={this.state.value}。
例如，假设输入"Farro“作为输入，每次输入handleChange时都会调用状态值，并将状态值更新为"Farro”，并在输入字段中显示"Farro“。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68194747
复制相关文章
相似问题
腾讯云开发者
