React Native中不同类型的导入？

Question

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

1. 从＆＃39; react-native-router-flux＆＃39;;
导入{Actions}
2. 从＆＃39; react-native-push-notification＆＃39;导入PushNotification;

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

Answer 1

导出组件/事物时

export class Foo extends Component {…

你必须像这样导入它

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

当您默认导出时，例如

export default class Bar extends Component {…

您可以像这样导入

import Bar from './bar.js'

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

Answer 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'

每个文件可以有多个命名的导出。 导入所需的特定导出并将其括在括号中。 导入的模块的名称必须与导出的模块的名称相同。