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

В React есть несколько способов передачи данных между компонентами на одном уровне (sibling components): 1. **Через общего родителя (Lifting State Up)** - состояние поднимается в ближайшего общего родителя и передаётся вниз через props: ```jsx function Parent() { const [sharedState, setSharedState] = useState(''); return ( <> </> ); } ``` 2. **Контекст (Context API)** - полезно когда много компонентов на разных уровнях нуждаются в данных: ```jsx const SharedContext = createContext(); function Parent() { const [value, setValue] = useState(''); return ( ); } ``` 3. **Внешние менеджеры состояния** - Redux, MobX, Zustand и др. для сложных случаев. Для простых случаев лучше использовать поднятие состояния, для сложных - контекст или стейт-менеджеры.