REACT JSX - 連鎖条件 - 優秀な図書館

次のコードは私のために働き、期待される結果を得ていますが、私が正しいことをしているのか疑問があります。REACT JSX - 連鎖条件

{ 
    Conditon1?<ChildComponent />:Condition2?<p>Hi</p>:<p>Bye</p> 
}

私の関心事は、連鎖条件文です - これは有効ですか？

出典

2017-07-28 FE_Addict

これは有効なオプションですが、読みにくい場合があります。 [React docs]（https://facebook.github.io/react/docs/conditional-rendering.html）には、[条件付きレンダリング]に関する多くの良い文書があります。見てみましょう - 彼らはいくつかのオプションと長所と短所を説明し、基本的にあなたのユースケースに最適なものを使用するように指示します。 –

括弧を使用すると、内側の条件文をグループ化したり、return文の外側に条件文を抽出したりできるので、基本的なif-elseパターンを使用してマークアップを変数に保存できます。 –

はい、あなたが書いたコードステートメントは完全にうまく動作しますが、コードを読み取った他の人がより理解しやすくなるように、ネストされた条件を記述する際に、より良い字下げを使用することを好みます。さらに、私がより多くの連鎖条件を持つとき、私は三項演算子ではなく、if/elseを使うことを好みます。

出典

2017-07-28 07:09:28

うん、これは問題なく機能しているはずです。

出典

2017-07-28 00:56:33 Infamous911

REACT JSX - 連鎖条件

答えて

関連する問題