ジャンボモナカ

34歳のハゲデブがHTML5ハイブリッドアプリ開発プラットフォームmonacaを始めました。

Reactのrenderメソッドで何もdomを表示させたくない場合

Reactで書いた時に、class宣言をして、renderメソッドが呼ばれます。

class Helloworld extends React.Component {
  render() {
    return <div>Hello React</div>
  }
}

renderメソッドが実行される時に、あえて何もdomを出力、生成させたくない場合があります。

そんな時は、どうすればいいのだろうか?

renderメソッドの公式リファレンスで確認した。

reactjs.org

どうやらBooleanかnullを返せばエラーが発生することなく終了するらしい。

class Helloworld extends React.Component {
  render() {
    return false
  }
}
class Helloworld extends React.Component {
  render() {
    return null
  }
}

特に強いこだわりがあるわけではないのだが、なんとなく、falseかnullを使いたい。