Когда два компонента должны совместно использовать одно и то же состояние, вы перемещаете ("поднимаете") это состояние к их ближайшему общему предку и передаёте его вниз через props, чтобы было единственное источник истины.
jsx
() {
[query, setQuery] = ();
(
);
}
