为什么导入 { 事物 } 有效，但导入事物无效？[重复]

Question

我正在浏览Pluralsight上的一些培训视频，所以我肯定会拿起这个。但我也在做有偿工作(凭借10年的Rails经验)。这在React中出现，其中< code >从' react-router-dom '导入链接仅作为< code >从' react-router'dom导入{ Link } 使用。另外，我喜欢直接检查东西。不好意思: )

Answer 1

这是命名导入和默认导入之间的区别：

import { Link } from 'react-router-dom'; // import the export named Link
import Link from 'react-router-dom'; // import the default export

为了进一步说明，如果您查看处理react router dom导出的文件，您会发现有很多命名导出，但没有默认导出。如果存在违约，则：

import Link from 'react-router-dom';

将导入该默认导出并将其命名为链接