Context API

1585 ワード

React テキストリンク

以前は、親コンポーネントからサブコンポーネントにpropsを渡していましたが、ステップが多ければ多いほど、このプロセスは面倒になります.Contextでは、props値を明示的に渡すことなく、多くのコンポーネントがprops値を共有できます.

import { createContext } from 'react';   // Context를 만들기 위해 호출
------------------------------------------------------------------------
import { useContext } from 'react';   // Context를 사용하기 위해 호출

createContextサンプルを呼び出して新しいContextを作成し、他の場所でContextを使用する
UScContext¯Contextを使用した構成部品から呼び出す

const (변수명) = createContext(value);

コンテキストオブジェクトの作成

<(변수명).Provider value={state}>
	<Component1/>
	<Component2/>
</(변수명).Provider>

providerは定義されたコンテキストをサブコンポーネントに渡す責任を負い、渡された変数はvalueを使用する必要があります.
伝達素子に制限されず、サブプロバイダをプロバイダに配置し、サブプロバイダ値を優先することができる.

Reference

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

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

Collection and Share based on the CC Protocol

[伯俊]10818最小、最大

2021-12-03レッスン内容