React material-ui MenuItem containerElement 不工作

IT技术 reactjs react-router material-ui
2021-05-04 14:44:40

我有以下代码:

<MenuItem primaryText="home" containerElement={<Link to="/" />} />

但它不像其他主题/线程中所解释的那样工作,其中 MenuItem 在这里讨论的Material UI Menu using routes一旦我将 containerElement props添加到 MenuItem 中,我就会收到此异常:

Uncaught Error: 
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. 
You likely forgot to export your component from the file it's defined in.
Check the render method of `EnhancedButton`.
1个回答

看起来这不再有效(需要找到更改日志。)

为了解决这个问题,我做了npm install react-router-dom --save并使用了以下代码段:

import React, { Component } from 'react';
import { NavLink } from 'react-router-dom'
import Menu from 'material-ui/Menu';
import MenuItem from 'material-ui/MenuItem';
import Drawer from 'material-ui/Drawer'

    <Drawer
         docked={false}
         open={this.state.open}
         onRequestChange={(open) => this.setState({open})}>
         <MenuItem onTouchTap={() => {this.handleClose()}} >
              <NavLink to="/">Home </NavLink>
         </MenuItem>
         <MenuItem onTouchTap={() => {this.handleClose() }} >
              <NavLink to="/about"> About Us </NavLink>
         </MenuItem>
    </Drawer>