在使用React-Router的Link时,我们需要将Anchor中的Link组件重命名,避免与React-Router中的Link组件发生冲突。 具体代码实现如下所示:
import { Anchor as AntdAnchor } from 'antd'; import { Link as RouterLink } from 'react-router-dom'; // 重命名Link组件为RouterLink
const { Link: AntdLink } = AntdAnchor; // 将Anchor中的Link组件重命名为AntdLink
// 然后我们可以正常使用AntdAnchor的Link组件了
// 而使用React-Router的Link时,我们使用重命名后的RouterLink组件即可
上一篇:AntdAffixoffsetBottom={50}不起作用。
下一篇:Antd按钮的点击事件类型'boolean'不能赋值给类型'MouseEventHandler<HTMLElement>'