Bootstrap 即未定义目标值

cetgtptt  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(208)

我试图通过点击目标值,然后改变属性的状态。我得到了一个错误,即e.target.value是未定义的。不太确定,如果我没有通过正确的属性和值。
我试过不同的方法,任何帮助都非常感谢

btnActiveInactive = (e, isactive) => {
  var clickedButton = e.target.value;
  console.log(isactive);
  if (clickedButton === "true") {
    this.setState({
      isactive: true,
    });
  }
  if (clickedButton === "false") {
    this.setState({
      isactive: false,
    });
  }
};

<ButtonGroup
  className="text-center"
  style={{ textAlign: "center" }}
  aria-label="Basic example"
  value={this.props.isActive}
>
  <Button
    onClick={(e) =>
      this.btnActiveInactive(this.state.isactive)
    }
    id="inactive"
    variant="outline-danger" //{this.state.inactiveVariant}
    name="inactive"
    value="false"
  >
    Inactive
  </Button>
  <Button
    onClick={(e) =>
      this.btnActiveInactive(this.state.isactive)
    }
    id="active"
    variant="success" //{this.state.activeVariant}
    name="active"
    value="true"
  >
    Active
  </Button>
</ButtonGroup>
z31licg0

z31licg01#

函数btnActiveInactive包含两个参数:

btnActiveInactive = (e, isactive) => {
...

所以在你的按钮中,你需要正确的传入参数:

onClick={(e) => this.btnActiveInactive(e, this.state.isactive)

相关问题