Как сделать переключение класса?

Question

[MRcracker]

У меня есть два компонента.

Первый компонент содержит в себе код для отображения кнопки и хук. Второй компонент содержит в себе меню, которое должно появляться при клике на кнопку из первого компонента, но что-то я сделал не так. Подскажите, как передать параметры из одного компонента в другой правильно?

const [menuOpened, setMenuOpened] = useState("false");

  const handleToggle = () => {
    setMenuOpened(!menuOpened);
  };

  return (
    <div
                className={[styles.hamburger, styles.topLineHamburger].join(
                  " "
                )}
                onClick={handleToggle}
              >
                <span className={styles.hamburgerItem}></span>
              </div>{" "} )}

export default function Navbar(props) {
console.log(props);
  return (
    <nav className={styles.navbar}>
      <div className="container">
        <div className={props ? "d-none" : " "}>
)}

Answer 1

[Александр Макаров]

У тебя все намешано и стили из css и стили из модулей, вообще все в перемешку. Тут накидал то как я понял что тебе надо https://codesandbox.io/s/heuristic-currying-jm0ur?...

Comments

[MRcracker]

У вас есть две функции BtnBurger и Navbar. Они в одном файле все. Что нужно сделать, чтобы разбить эти функции на 2 файла, но работало все так же?

[Александр Макаров]

MRcracker, https://codesandbox.io/s/heuristic-currying-jm0ur?...

[Александр Макаров]

MRcracker, Все решается прокидыванием пропсов, если оба компонента лежат в одном родителе то сохраняете состояние в родителе, если они далеко друг от друга по структуре тогда только через стор

[MRcracker]

Александр Макаров, если не трудно, то покажите, пожалуйста, на примере, а то я уже запутался как их прокидывать нужно

[Александр Макаров]

MRcracker, Последнюю ссылку которую прикрепил, там компоненты разбиты на разные файлы, и состояние бургера хранится в их общем родителе

[Александр Макаров]

Ну а вообще есть хороший бесплатный курс "react путь самурая", смотри и учись, а то проблемы у вас на ровном месте

[MRcracker]

Александр Макаров, спасибо. я как раз и учусь