Как передать функцию в компонент в react?

Question

[Артём Белых]

Есть useState

const [menuTopActive, setMenuTopActive] = useState(false)

Есть компонента Navbar куда я передаю параметры с state

<Navbar topActive={menuTopActive} setTopActive={setMenuTopActive} />

Есть бургер кнопка с событием onClick (setTopActive и topActive передал в пропс). Это уже Navbar.jsx

<div className="burger-btn" onClick={function () {
     
                setTopActive(!topActive)
            }}>
                <span/>
            </div>

Выдает ошибку Uncaught TypeError: setTopActive is not a function

Comments

[Артём Белых]

низкомолекулярный макрос,

const Navbar = (topActive, setTopActive) => {
    const [menuActive, setMenuActive] = useState(false)

    return (
        <div>
            <div className="burger-btn" onClick={function () {
                setMenuActive(!menuActive)
                setTopActive(!topActive)
            }}>
                <span/>
            </div>
            <nav className={menuActive ? style.nav +" menu-active" : style.nav}>
                <NavLink to="/"><img src={logo}/></NavLink>
                <ul>
                    <li><NavLink to="/">Home</NavLink></li>
                    <li><NavLink to="/transaction">Transaction</NavLink></li>
                    <li><NavLink to="/users">Users</NavLink></li>
                    <li><NavLink to="/todos">Todos</NavLink></li>
                    <li><NavLink to="/analytics">Analytics</NavLink></li>
                </ul>

            </nav>

        </div>
    )
}

Да передал.

[Alexandroppolus]

Артём,
const Navbar = ({topActive, setTopActive})

[Артём Белых]

Alexandroppolus, Спасибо работает! Забыл про деструктуризацию :)