Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何将MenuItem用作导航链接?_Reactjs_Material Ui_React Router Dom - Fatal编程技术网

Reactjs 如何将MenuItem用作导航链接?

Reactjs 如何将MenuItem用作导航链接?,reactjs,material-ui,react-router-dom,Reactjs,Material Ui,React Router Dom,我正在尝试使用菜单列表浏览我的应用程序。虽然应用程序和路由运行良好,但我在控制台中使用以下代码得到一些警告: {props.itemList.map((item, index) =>( <div key={index}> <MenuItem component={NavLink} to={item.to} onClick= {handleClose} activeClassName={classes.top

我正在尝试使用菜单列表浏览我的应用程序。虽然应用程序和路由运行良好,但我在控制台中使用以下代码得到一些警告:

{props.itemList.map((item, index) =>(
        <div key={index}>
          <MenuItem component={NavLink} to={item.to} onClick= 
              {handleClose} activeClassName={classes.topNavLinkActive} 
              className={classes.topNavLink}>
            {item.name}
            <Icon className={classes.navIcon}>{item.icon}</Icon>
          </MenuItem>
        </div>
      ))}
{props.itemList.map((项目,索引)=>(
{item.name}
{item.icon}
))}
我收到的警告是: 警告:失败的道具类型:无效的道具
组件
提供给
ForwardRef(按钮库)
。应为可容纳引用的元素类型。是否意外提供了普通函数组件

js:1375警告:不能为函数组件提供引用。尝试访问此ref将失败。您是想使用React.forwardRef()吗


有人能解释一下为什么这里需要前向引用吗?

似乎错误在于误用了
组件
属性。文件说:

用于根节点的组件。使用DOM元素或组件的字符串

根据,
组件
属性的类型为
元素类型
。类型定义文件将显示它正在实现
JSX.IntrinsicElements
接口(描述标准HTML标记)


NavLink
元素是一个React组件。请尝试提供标准html标记名(
string
)或actucal DOM节点引用。

Sir,您能解决这个问题吗?