TIL17 - props , state

2178 ワード

テキストリンク

props(専門用語)

すべての構成部品に組み込まれたオブジェクト

私より高い存在を与えて

親から子に渡されるプロパティ
両親が性別を決めてくれたと思います.

タグには、他の定義済み属性が必要です.
React.コンポーネントにはpropsという名前の組み込みオブジェクトがあります.
内蔵オブジェクトには親が提供するすべてのアイテムがあります.

構成部品に関数を作成する場合、無条件にArrow関数として表示
(これは混乱を招く可能性があります)

インスタンスを使用すると、オブジェクトのプロパティにアクセスするようにアクセスします.

親ではなく私の状態
例文は「名前、性別」とは関係なく、「空腹、満腹」のようなものです.

州は客体です.

サブアイテムは読み取り専用

です.

javascriptは、任意のコンテンツをスキップできます.
(文字列以外の値はすべて{}で認識する必要があります)

constructor(){
super();
this.state = {
 //이 안에 값을 넣어주면 된다.
 titleColor: "red"
};
}

属する構成部品

リアクターがスクリーンを描画すると、レンダー(Render)という関数を呼び出してスクリーンを描画するためです.

内括弧はオブジェクト外括弧はJavaScript

イベントリスナーに追加するコールバック関数を作成します(矢印関数を使用)

stateを変更するには、次の手順に従います.setState()を呼び出すときに置換する必要があります.(setStateは更新とみなす)
setStateで再レンダリングします.

パラメータ値にオブジェクト{}を入れ、パラメータ値に値を入れます.
(setState関数react.componentで事前に作成した関数を呼び出す)

setState()を呼び出すと、パラメータとしてのオブジェクトが既存のステータス値とマージされます.
ただし、オブジェクト間の結合が同じキー値である場合、後で入力する値は上書きされます.

上に作成した矢印関数{}を入れます.

この問題について(TIL17 - props , state), 我々は、より多くの情報をここで見つけました https://velog.io/@gur0601/props-state

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol