我正在使用react mui MenuItem,我需要制作一个菜单项作为链接。我试着这样做:
<MenuItem
component={<Link href={`/backend/api/exam/${row.id}/result`} />}
className={classes.menuItem}
onClick={() => handleClose()}>
Result
</MenuItem>
但是,当我这样做时,它会抛出一个错误,说属性component
在MenuItem
上不存在:
类型“IntrinsicAttributes & { action?:((示例:ButtonBaseActions| null)=> void)|RefObject|零|undefined; buttonRef?:((示例:unknown)=> void)|RefObject|零|undefined; ... 7 more ...; TouchRippleProps?:部分<...>|未定义; } & {...;} & { ...; } & CommonProps<...>...'. TS2322
我在这里做错了什么,为什么我会得到这个错误?
1条答案
按热度按时间jm81lzqq1#
文件:
**类型:**elementType
**说明:**使用DOM元素的字符串或组件。
将组件用作
React.Node
是行不通的。组件prop需要以下内容:
React.Element<typeof Component>
。在您的例子中,将组件作为
typeof
提供将达到目的:另一种解决方法是将
<MenuItem>
Package 在<Link>
中: