需要在 React bootstrap 中将 class 动态添加到 <Button> 或者只是 React

Question

这是我的反应代码 bootstrap:

    <ButtonGroup>
      <Button  value=1 onClick={this.props.filterMessages}>In</Button>
      <Button value=2 onClick={this.props.filterMessages}>Out</Button>
    </ButtonGroup>

单击按钮时，我想添加一个名为 active=True 和 bsStyle="primary"

的 css class

function onClick(event) {
     /*add CSS class to my Button component, but how?*/
}

谢谢！

Answer 1

你可以用父组件的状态来制作。

function onClick(event) {
     this.setState({condition: true})
}

<Button  value=1 onClick={this.props.filterMessages} className={this.state.condition? "class" : "anotherClass"}>In</Button>

创建变量，它将保持按钮的状态，并用一些事件改变它。在按钮中设置 className 取决于您当前的变量值。

需要在 React bootstrap 中将 class 动态添加到 <Button> 或者只是 React

Need to add class dynamically to a <Button> in react bootstrap or just react

reactjs

react-bootstrap