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. 将该buttonStyle应用于组件：

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