React.jsで動的にclassName切り替える

Posted on:2017-05-09

jQueryではhasClassで判定させてイベントごとにclassを付け替えることがありますが、React.jsで同じことをやる場合のメモとして残しておきます。

classnamesというものがありますが、

今回の記事は使わない方法になります。

react.js
class MainComponent extends React.Component {
  attachClass(){  // 関数名
    let baseClass = ['hoge'];
    if(条件式){
       baseClass.push('セレクタ')
    }
    retrun baseClass.join(' ')
  }
  render() {
    return (
      <div className={attachClass()}>
        ほげほげ
      </div>
    );
  }
}