Как забрать что-либо через вложенность в несколько компонентов

Для передачи данных через вложенные компоненты можно использовать: 1. **Props drilling** - передача через props каждого уровня: ```jsx // Parent -> Child -> GrandChild function Parent() { const [data, setData] = useState('value'); return ; } function Child({ data }) { return ; } ``` 2. **Context API** - более чистое решение для глубокой вложенности: ```jsx const DataContext = createContext(); function Parent() { return ( ); } function GrandChild() { const data = useContext(DataContext); return

{data}

; } ``` 3. **Состояние менеджеры** (Redux, MobX) - для сложных случаев. Проблема props drilling - усложнение кода при большой вложенности. Context API - оптимальное решение для большинства случаев.