javascript: 特定の条件に該当した場合に早期リターンしたい

Question

実現したいこと

rubyみたいに関数の最初にreturn if ~で条件分岐処理を入れて、該当した場合は後の関数の処理を実行しないようにしたい。

  render() {
    //this.props.infoTypeの中身によって抜けたい
    //this.props.infoTypeがnone-textであれば、以下の処理を実行せずに抜けたい
    const hogeAttrs = this.hogeAttributes

    return (
      <div className='hoge id={this.props.infoType}>
        <div className='hoge'>
          <div className='hoge'>
            <a
　　　　　　　　 ``````

困っていること

javascriptをあまり触った事がないので、rubyみたいな早期リターンする処理の書き方が分からなくて困っています。

Comments

[maisumakun]

条件を満たさないときは「何も描画しない」、という認識で間違いないですか？

[nanase21]

はい。そうです。
条件を満たした場合のみ、描画する感じです。

Answer 1

React.jsの場合、描画したくない場合にはreturn null;とnullを返す必要があります。

  render() {
    if(this.props.infoType === 'none-text') return null;

    const hogeAttrs = this.hogeAttributes

    return (
      <div className='hoge id={this.props.infoType}>
        <div className='hoge'>
          <div className='hoge'>
            <a

Comments

[nanase21]

ご教示いただきありがとうございます。
ワンラインで書く方法を知りたかったので参考になりました。