Skip to content

Instantly share code, notes, and snippets.

Last active May 3, 2023 06:41
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Пример использования контекста в React
import React, { createContext, useContext } from 'react';
// Создаем контекст со значением по умолчанию "default"
const MyContext = createContext('default');
// Создаем компонент, который получает значение контекста и отображает его в диве
function MyComponent() {
const value = useContext(MyContext);
return <div>{value}</div>;
// Создаем корневой компонент, который оборачивает MyComponent в провайдер контекста MyContext, передавая ему значение "Hello world"
function App() {
return (
<MyContext.Provider value="Hello world">
<MyComponent />
Copy link

mdanshin commented May 1, 2023

В этом примере мы создали контекст MyContext со значением "default". Затем мы создали компонент MyComponent, который использует useContext для чтения значения контекста. В функции App мы использовали компонент Provider, чтобы передать значение "Hello world" в MyComponent.

Контекст также может быть использован для передачи функций и методов между компонентами. Это может быть полезно для создания функций, которые изменяют состояние всего приложения.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment