时间戳

首页 > 解决方案 > 如何通过购物车道具传递道具。这样我的侧边栏就会切换

reactjs - 如何通过购物车道具传递道具。这样我的侧边栏就会切换

问题描述

该代码正在使用一些道具，并且需要道具来切换侧面。但是，当我通过购物车道具时，切换不再起作用。

const Toolbar = ({currentUser, hidden, signOutStart}, props) => {
    return (
        <header className='toolbar'>
            <nav className='toolbar_navigation'>
                <div className="toolbar_toggle-button">
                    <DrawerToggleButton click={this.props.handleDrawerToggleClick}/>
                </div>

标签： reactjs

解决方案

看起来你有一个功能组件，所以你不会this用来访问道具。this.props或类似的情况是您使用类组件时。“props”作为第一个参数传递给功能组件，如果您以正常方式渲染组件，通常不会有“props”的第二个参数。而是添加handleDrawerToggleClick到您已经在第一个参数中解构的道具：

const Toolbar = ({ currentUser, hidden, signOutStart, handleDrawerToggleClick }) => {
    return (
        <header className='toolbar'>
            <nav className='toolbar_navigation'>
                <div className="toolbar_toggle-button">
                    <DrawerToggleButton click={handleDrawerToggleClick} />
                </div>

希望这会有所帮助！

推荐阅读