Встречается на собеседованиях • сегодня
Приведи примеры применения useContext в React
`useContext` позволяет передавать данные через дерево компонентов без пропс-дриллинга. Пример:
1. **Тема приложения**:
```jsx
const ThemeContext = React.createContext('light');
function App() {
return (
);
}
function Toolbar() {
const theme = useContext(ThemeContext);
return
);
}
function Profile() {
const { user } = useContext(AuthContext);
return
);
}
function Greeting() {
const locale = useContext(LocaleContext);
const greetings = { en: 'Hello', ru: 'Привет' };
return
...
;
}
```
2. **Авторизация**:
```jsx
const AuthContext = React.createContext();
function App() {
const [user, setUser] = useState(null);
return (
{user ? user.name : 'Гость'}
;
}
```
3. **Локализация**:
```jsx
const LocaleContext = React.createContext('en');
function App() {
return (
{greetings[locale]}
; } ``` Основные плюсы: избегаем лишних пропсов, упрощаем доступ к глобальным данным.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы