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,您能解决这个问题吗?