我试图通过点击目标值,然后改变属性的状态。我得到了一个错误,即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>
1条答案
按热度按时间z31licg01#
函数
btnActiveInactive
包含两个参数:所以在你的按钮中,你需要正确的传入参数: