javascript - React-md 按钮显示

Question

有谁知道如何在 React js 上使用 react-md 创建按钮？该按钮的用途是，如果您单击其中一个按钮，它会变为蓝色，而另一个按钮将被禁用并变为灰色。您是否有与之类似的示例，或者您能否指出有关它的教程？

Answer 1

你可以这样做:1. 为您的按钮创建一个 onClick 事件:

handleClick(){
this.setState({isClick: true})
}

1. 在渲染时，您可以为样式创建一个对象:

Const buttonStyle = this.state.isClick? style.active : style.disable;

1. 为您的按钮创建对象样式:

   const style = {
active: //css here,
disable: //css here
}

2. 将该按钮样式应用于组件:

   <Button style={buttonStyle}> </Button>