reactjs - 如何在其点击事件上使用一个复选框发送两个参数？

Question

我想要做的是，当用户点击复选框时，对应的companyid应该传递给我可以更新其激活状态的函数。但我无法以一种方法发送 2 个值。

我在各种网站上进行了搜索，但仍然无法获得任何结果。

这就是我如何印刷公司：

{this.state.allCompanies.map(com => (
                <tr>
                 <td>{com.cname} </td>
                  <td>
                    <a>
                        <input
                          type="checkbox"
                          name="active"
                          checked={com.is_active == 1 ? "true" : ""}
                          onClick={this.handleActivated(this, com.cid)}
                        />
                    </a>
                  </td>
                </tr>

这是我的handleActivated功能：

handleActivated(e, id) {
    const active = e.target.name;
    console.log(e.target.value);
    console.log(e.target.checked);

    this.setState({
      active: e.target.checked
    });

    // this.setState({  });
  }

这是我的状态。

this.state = {
      allCompanies: [],
      data: false,
      company: "",
      active: ""
    };
    this.handleActivated = this.handleActivated.bind(this);

我想要的是companyid方法handleActivated。

标签： reactjsthissetstate

Answer 1

我希望它会帮助你。

onClick={(e) => this.handleActivated(e, com.cid)}