せいせいはんのう


npx create-react-app ondo --template typescript
nextでjsファイルをページフォルダのルーティングパスに設定
defaultProps = { } ,
フリーラジカル定義、何も伝えられないときに未定義エラーが発生しないようにする
text-align-ceter; ちゅうしん
プロップス降車時正義付加上層召喚付加下層
<素子名={この素子変数値}>
定義#テイギ#
構成部品{}の後の値は構成部品データです.
下に移動してフロプスの名前はエレメントの前のキー名です
userStateではsetDateの論理はjavaのsetter関数と同じです
データはクラス内のフィールド変数です
useref(inputセクションで使用され、主に準備に使用されます)
ライフサイクル使用効果を反映
スタート->状態変化(中継)->消失
Mount Update UnMount
(初期化)(異常処理)(メモリクリーンアップ)
クラス構成部品を使用します.
関数構成部品で使用される名前はReactHooksです.
ex)()=>{}矢印関数
useState , useEffect, useRef
クラスエレメントに問題があるのは、読み取り可能性が悪いことです.
大量に繰り返し使用されるコードは、コードの全長を増加させます.
だから反応フックを使って
useEffect(()=>{
	콜백함수
}, []);  의존성배열 , 이배열 내에 들어있는 값이 변화하면 
		콜백함수가 수행된다. 마운트 

useEffect(()=>{
	콜백함수
}, [data]);  
state의 data값이 변할때만 콜백함수가 실행된다.  업데이트


언마운트는 어떻게 ?  
useEffect(()=>{
	콜백함수부분
    return () =>{
	// unmount 시점에 실행됨 
   };
}, []); 


 
const usage = useMemo(() => { [

return {변수1,변수2,변수3};
}, [변화 할값] );


const { 변수1,변수2,변수3} = usage;



함수정의 reducer  = (state,액션종류(타입, 데이터) => {
  switch(action.type) {
   case 'INIT':{
    return action.data   -----> 새로운 state
   }

   default:
   return state;

   }
}
関数呼び出し配分(関数定義のタイプ、転送するデータ)
デフォルトのexport defaultでは、jsxページごとに1つの値しか指定できません.
単純出口は複数ご利用いただけます
したがって、デフォルトのexport defaultはimport時に簡単に書きます.
単純export複数は{}で非構造化割当てを行うべきである.
justify-content : center;
マーカー、クラス、アイデンティティーに対して、水平軸を中心にします.
align-center:垂直軸に対して中央に位置します.
min-height : 100vh; 現在のサイズの100%を最小高さとします.
process.env.url url絶対パスとしてurlを指定する
定理
初期状態はリポジトリ(コピーフォルダ)
rootRuducerで
作成者(アクション)によって作成されるdispatch(アクション(パラメータ)要素に含まれる
したがって、RootReducerは論理を処理します.
同期関数の呼び出し
fork非同期関数
通常、中間論理はデータ処理の完了を待つ.
コールの方がいい