Question

我正在使用 nextjs 路由系统，我想将import用作其他名称，例如：

import { Link as NavLink } from 'next/link';

const Link = ({ to, nav, children, ...props }) => {
    const { exact, activeClassName } = props;
    return (
        <NavLink href={to} rel="noopener noreferrer">
            {children}
        </NavLink>
    );
};

export default Link;

，但它不断返回此错误！你有什么主意吗？

Answer 1

Link不是来自next/link的命名导出，因此您不能以这种方式导入-next/link导出默认组件，通常将其导入为Link。您需要导入该默认导出（这意味着没有括号），然后您可以根据需要将其命名为导入变量。

import NavLink from 'next/link'

const Link = ({ to, nav, children, ...props }) => {
  // Use NavLink here
  ...
}

export default Link

Nextjs您可能忘记了从定义文件中导出组件，或者可能混淆了默认导入和命名导入

1 个答案: