导入两个同名的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