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>