比方说,我们在ES6上使用React。我们将React和Component作为
import React from 'react'
import { Component } from 'react'
为什么语法不同?我们不能按照下面的规定使用吗?
import Component from 'react'
以下是导入
的文档。
import React from 'react'
以上是默认导入。默认导入以导出默认值导出...
。只能有一个默认导出。
import { Component } from 'react'
但这是一个成员导入(命名导入)。成员导入与<code>导出一起导出代码>。可以有许多成员导出。
可以使用以下语法导入两者:
import React, { Component } from 'react';
在 JavaScript 中,默认导入和命名导入是拆分的,因此不能像导入默认导入那样导入命名导入。下面,将名称 Component 设置为“react”
包的默认导出(它不会与 React.Component
相同):
import Component from 'react';
组件是一个命名导出。因此,它必须用{}进行析构。
React是React的默认导出,“React”是正确的。例如导出默认React
如果在任何文件中,您默认使用import default React
之类的语句导出某些内容,那么可以像import React
那样导入。
对于其他非默认导出,我们需要指定实际要导入的内容,方法是将其放在括号中,如<code>import{Components}