小编JLt*_*kyo的帖子

如何在反应中使用复选框形式?

有两个组成部分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

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

reactjs ×1