React Native 中不同类型的导入？答案

【问题标题】：Different type of import in React Native?React Native 中不同类型的导入？
【发布时间】：2017-04-17 08:35:13
【问题描述】：

在 React Native 中我们必须通过以下方法导入包。

这些导入语句有什么不同？

【问题讨论】：

【解决方案1】：

当您像这样导出组件/事物时

export class Foo extends Component {…

你必须像这样导入它

import {Foo} from './foo.js'

当你默认导出时，像这里

export default class Bar extends Component {…

你可以这样导入

import Bar from './bar.js'

当然，您可能每个文件只有一个默认导出。

【讨论】：

【解决方案2】：

默认导出

默认导出如下：

const student={
  name: 'Sam'
}
export default student;

它被导入为

import student from './student.js'

或

import std from './student.js'

接收文件中的名称由您决定。只能有一个默认导出。

命名导出如下：

export const anyFunc = () => {...}

或

export const anyValue = 10;

它被导入为：

import { anyFunction } from './anyfile.js'
import { anyValue } from './anyfile.js'

每个文件可以有多个命名导出。导入您想要的特定导出并将它们括在大括号中。导入模块的名称必须与导出模块的名称相同。

【讨论】：