せいせいはんのう
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
クラスエレメントに問題があるのは、読み取り可能性が悪いことです.
大量に繰り返し使用されるコードは、コードの全長を増加させます.
だから反応フックを使って
デフォルトの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非同期関数
通常、中間論理はデータ処理の完了を待つ.
コールの方がいい
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非同期関数
通常、中間論理はデータ処理の完了を待つ.
コールの方がいい
Reference
この問題について(せいせいはんのう), 我々は、より多くの情報をここで見つけました https://velog.io/@dear/React-정리テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol