Ответ
В React есть несколько способов общения между компонентами:
- Props - передача данных от родителя к ребенку
<ChildComponent data={parentData} />
- Callback-функции - передача функций в props для общения ребенка с родителем
<ChildComponent onUpdate={handleUpdate} />
- Context API - глобальное состояние для вложенных компонентов
const ThemeContext = createContext();
<ThemeContext.Provider value="dark">
<ChildComponent />
</ThemeContext.Provider>
-
Сторы (Redux, MobX, Zustand) - управление состоянием приложения
-
События (Event Emitter) - кастомные события через
window.dispatchEvent -
Refs и методы - доступ к методам дочернего компонента через ref
const childRef = useRef();
childRef.current.someMethod();
Выбор зависит от сложности приложения и отношений между компонентами. Для простых случаев хватает props и callbacks, для сложных - Context или сторы.