e.target.value 未定义

Question

我试图在点击时传递目标值，然后更改道具的状态。我收到 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>

Answer 1

您的函数btnActiveInactive 接受两个参数：

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

所以在你的按钮中，你需要正确地传入参数：

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