有两个组成部分container和presenter。
下面的代码显示单个复选框状态变为 true,并且另一个复选框也正在更新。那么,如何处理具有状态的多个复选框?
容器:
export default class ApplyFormContainer extends Component {
constructor(props) {
super(props);
this.state = {
form: {
gender: '',
checked: false,
},
};
}
handleCheckBox = e => {
const {
target: { checked },
} = e;
this.setState({
form: {
...this.state.form,
checked,
},
});
};
handleGender = id => {
this.setState({
form: {
...this.state.form,
gender: id,
},
});
};
render() {
const { handleGender, handleCheckBox } = this;
const { form } = …Run Code Online (Sandbox Code Playgroud) reactjs ×1