[react]1週間の学習記録

2685 ワード

レベル型反応を学びたかったのですが、資料がありませんでした.ほとんどのレッスンは関数型YouTubeで検索する以前のものでしたが、なぜ以前の検索がなかったのか、1~2年で最高でした.どうやって検索したんだ?出てこないのか??ハハハ??ううう
でも以前の反応が爆発的で、何も知らずにSando it反応書を書いていました!!先週末はどう勉強すればいいか分からなかったので、幸いでした.过去の私は称賛します...
だから今週の目標はこの本を読むことです.私は読書から見るのが好きで、勉強に従って、どうしてこのように構成する角度から勉強します.このようにして後でコードを書く時だけ、この時やっと私にこのように書かせて、このようにやっと手探りで書くことができます.もちろん私も大好きなノマドコッドの授業を何冊か買いましたが、量が多すぎて、バックエンドもあるので、必要な本で勉強します!
Error: Objects are not valid as a React child (found: object with keys {name, nationality}). If you meant to render a collection of children, use an array instead.
1枚目からエラーが発生しました.すぐ.そこでグーグルで検索してみると、私が書いた間違った値のためだと気づきました.
<span>객체값 {objectValue}|</span>

# app.js에서 넘겨준 값은 
objectValue={{ name: 'mia', nationality: 'south of Korea' }}
変数名のようにobjectですが、このように書くとエラーになります.だから.
=> objectValue.名前を使うべきですが、object自体が間違っています!
<ChildComponent boolValue > // parent component
<span>{boolValue ? 'true' : 'falsy값에 undefined'}</span>
結果は「true」
<ChildComponent> // parent component
結果は「falsey値undefined」
javascriptではundefinedとfalseは条件文で同じで、省略で伝えることができます!true値を送信するにはproperty名を宣言するだけです.
ステータス値を直接変更できないのは、render()関数を使用してスクリーンを描画する時間が反応エンジンによって決定されるためです.すなわち、ステータス値を直接変更するとrender関数は呼び出されません.setState関数を呼び出すと、ステータス値を変更すると、反応エンジンがrender関数を自動的に呼び出し、画面に変更したステータス値を出力します.
state = {
    products: [storeProducts],
    detailProduct: detailProduct,
  }
長さ1の配列
  state = {
    products: [...storeProducts],
    detailProduct: detailProduct,
  }
8長配列