Я хочу использовать скользящую боковую панель, чтобы отображать информацию в зависимости от того, какой компонент нажимает пользователь. Моя текущая мысль - разместить компонент боковой панели на верхнем уровне моего приложения.
<div className="App">
<NavBar />
<MainMap />
<Timeline />
<Sidebar />
</div>
Тогда, например, если пользователь нажимает кнопку в компоненте Navbar, боковая панель выдвинется и отобразит данные из кнопка нажата. Затем, если щелкнуть другой компонент, боковая панель снова появится с другими отображенными данными.
Это правильный подход? Если да, то как я могу распространить щелчок на верхний уровень и отслеживать, какой компонент инициировал это событие?
Я также хочу сделать так, чтобы, когда вы нажимаете где-то помимо боковой панели, он исчезал бы, это можно сделать в компоненте боковой панели или в приложении. js level?