React双向绑定input

最新推荐文章于 2024-06-26 09:07:14 发布

仍在努力中

最新推荐文章于 2024-06-26 09:07:14 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/qq_42555578/article/details/107083566

版权

class Demo extends React.Component {
	constructor (props) {
		super(props);
		this.state = {
			input_val: ''
		};
	}

	inputValChange = e => {
        this.setState({
            input_val: e.target.value
        });
    }

	render () {
		return (
			<input value={this.state.input_val} onChange={this.inputValChange} />
		);
	}
}

传递多个参数

inputValChange (e, params) {
    this.setState({
        input_val: e.target.value,
        params
    });
}
<input value={this.state.input_val} onChange={e => this.inputValChange(e, params)} />