休息时管理切换菜单(显示/隐藏)

时间:2018-06-19 12:22:20

标签: reactjs menu onclick show-hide admin-on-rest

我在我的react应用程序中将rest-rest用作管理界面。 我的问题是菜单,我添加了一个DashboardMenuItem来切换(显示/隐藏)菜单。但是我不知道onClick函数应该是什么样子,在纪录片或其他地方也找不到这样的例子。

有人可以举一个例子帮助我吗?

我的代码:

const Menu = ({ hasDashboard, onMenuTap, resources, translate, logout }) => (
  <div style={styles.main}>
    <WithPermission value='ROLE_SA'>
      {hasDashboard && <DashboardMenuItem onClick={onMenuTap} />}
    </WithPermission>
    {resources
      .filter(r => r.list)
      .map(resource => (
        <MenuItemLink
          key={resource.name}
          to={`/${resource.name}`}
          primaryText={translatedResourceName(resource, translate)}
          leftIcon={<resource.icon />}
          onClick={onMenuTap}
        />
      ))}
    {/* <MenuItemLink primaryText='Reports' key='reports' to={`/reports`} leftIcon={<UserIcon />} onClick={onMenuTap} /> */}
    <WithPermission value='ROLE_SA'>
      <SelectField floatingLabelText='Language for Datasets' onChange={LocaleSwitcher}>
        <MenuItem value={'de'} primaryText='DE' />
        <MenuItem value={'en'} primaryText='EN' />
      </SelectField>
    </WithPermission>
    {logout}
    <img src={Logo} style={{maxWidth: '100%', margin: '0 auto'}} />
  </div>
)

0 个答案:

没有答案