在 React 中,實現雙向數據綁定的方法有兩種:
class MyForm extends React.Component {
constructor(props) {
super(props);
this.state = {
inputValue: ''
};
}
handleChange(event) {
this.setState({ inputValue: event.target.value });
}
render() {
return (
<input type="text" value={this.state.inputValue} onChange={this.handleChange.bind(this)} />
);
}
}
import { observable } from 'mobx';
import { observer } from 'mobx-react';
@observer
class MyForm extends React.Component {
@observable inputValue = '';
handleChange(event) {
this.inputValue = event.target.value;
}
render() {
return (
<input type="text" value={this.inputValue} onChange={this.handleChange.bind(this)} />
);
}
}
以上是兩種常見的雙向數據綁定方法,具體使用哪種方法取決于項目的需求和個人偏好。