Как использовать крючок в другом компоненте реакции? ⇐ Html

[Anonymous]

Я создал крючок для переключения видимости NavBar на моей веб-странице (это сделано в NavBar.jsx), мне нужно переключить панель навигации в другом месте моего кода, а именно в Journey.jsx, могу ли я передать их как параметры?
Как мне к этому подойти?
Вот основные/сводные выдержки из моего кода, если они могут помочь....
App.jsx:

Код: Выделить всё

function App () {
return (




 } />
 } />
 } />



);
}

NavBar.jsx:

Код: Выделить всё

function NavBar () {
//I need access to these in Journey.jsx
const [sidebar, setSidebar] = useState(false);
const showSidebar = () => setSidebar(!sidebar);

return(
//elaborations about the menu where I use these functions/varariables
);
}

Journey.jsx:

Код: Выделить всё

function Journey () {
return (
//some unimportant divs

);
}

Моя NavBar настроена так, что значок гамбургера, который ее переключает, виден и доступен отовсюду (включая страницу путешествия), но мне нужна эта конкретная кнопка только на странице путешествия и нигде больше, потому что согласно теме веб-сайта (согласно моей команде дизайнеров) она должна выполнять эстетическую функцию.
Что я могу сделать, чтобы это произошло? потому что я попытался воссоздать перехватчик в App.jsx и передать каждую функцию/var в качестве реквизита, а затем в Journey ссылаться на него как props.sidebar и т. д., но это тоже не работает....
если решение состоит в том, чтобы просто передать в качестве параметров, как именно мне это сделать, потому что я попробовал, и там было написано что-то вроде того, что оно не было объявлено.
Есть альтернативы?
Спасибо,

Подробнее здесь: https://stackoverflow.com/questions/715 ... -component