Conditional Rendering(&,3項演算子,Optional Chaining)

さんこうえんざんし

JavaScriptは上部から順番に実行されるため、要求されたデータと応答を受信した場合、画面に描画するデータの内容は定義されていないため、最初の画面描画時にデータをロードするとエラーが発生します.
このセクションをより効率的に実行するには、条件レンダリングを使用して画面をプレビューし、データを描画します.
条件付きレンダリングには、&&演算子、3つの演算子、パースビューがあります.
では、使い方を知りましょう.
さんこうえんざんし
dataは、同期して受信する必要があるデータです.
しかし、データが来る前にreturn部分でレンダリングされていたので、3つの演算子を使って、データがあるときは、データがないときは、すべて書きました.

data ? data.fetchProfile : undefined

&&演算子
&&データがない場合、演算子はundefinedを自動的に返します.
&&演算子は、前の値が真の場合にのみ後の値を表示します.逆も同様です.-Nullish coaling演算子と呼ばれています.

??前の値がNULLの場合、演算子は後の値を表示し、前の値がfalseの場合、演算子は後の値を表示します.

data ?? data.fetchProfile

data || data.fetchProfile

こうがくてきちょうせい
optional chainingは、最新の構文(最新の構文)を使用し、既存の&&演算子を使用する場合に長いコードを使用する演算子です.

data?.fetchProfile

オプション-Chainingは?演算子の前のオブジェクトがundefined|nullを参照している場合は、undefinedが返されます.
上の3つの演算子,&&演算子と同じ機能を持ちます.
しかし、ずっと簡単になりました.

上の写真を見て、どんな毒性がいいか判断できます.
アウトドアシューズを使う