导入两个同名的JS文件[重复]

Question

我发现自己陷入了不幸的境地。我正在使用带有 nextjs 的 material-ui，它们都有一个我需要使用的名为 Link 的模块。

import {  Link } from '@material-ui/core';
import Link from 'next/link';

这弄乱了我的编译，因为我需要在我的 jsx 中使用 <Link> 来处理材料和下一个模块？

谢谢

Answer 1

你可以用更方便的重命名：

import { Link as _link } from '@material-ui/core';

import Link from 'next/link';

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#rename_multiple_exports_during_import

here也给出了类似的答案