Как изменить значок в кнопке в ReactJS?

Question

Я использую material-ui Поднял кнопку и хочу изменить значок на кнопке, когда она была сделана clciked.

<RaisedButton primary={true}><i className="fa fa-plus" aria-hidden="true"></i>EXPAND</RaisedButton> 

The button looks like this now

Любые suggestion.Thanks!

Answer 1

На вашем исходном состоянии набор расширен = ложь, а затем:

<RaisedButton primary={true} 
       onClick={() => this.setState({expanded: !this.state.expanded})}> 
    <i className={'fa ' + (this.state.expanded ? 'fa-minus' : 'fa-plus')} aria-hidden="true"></i> 
    EXPAND 
</RaisedButton> 

Answer 2

Вы можете использовать библиотеку javascript ClassNames. - https://github.com/JedWatson/classnames

let classes = classNames({ 
       "fa" : true, 
       "fa-minus": this.state.something, 
      });