当我看到controlled form components
in react.js official website的参考文献中的示例时,我想知道如何实现form
,在其中可以动态地将remove
和add
input
个元素设置为受控组件?这可能吗?
在这些例子中,我们可以看到:
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>
);
}
}
由于我工作的性质,我经常发现自己不得不实施这种形式.此外,为了简单起见,我不要求直接管理input
个基本元素,也不要求直接管理add
个基本元素.