Question

这是我在react和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类

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中的<button>或者只是做出反应

1 个答案: