React 中的命名导入

Question

在这一行：

import React, { Component } from "react";

为什么大括号只在 Component 周围而不是在“React”上？

Answer 1

这是一个很好的答案，解释了 ES6 中的默认导入和命名导入

假设我们有一个名为 Foo 的类要导入。如果我想获得默认导出，我会这样做：

import Foo from './foo.js';

如果我想要 foo 文件中的特定函数，我会使用花括号。

import { fooFunction } from './foo.js';

注意，这不是 React 特性，而是 ES6。您可能正在使用 babel 将代码从 ES6 转换为 ES5。

Answer 2

在 React 中创建类似的东西。让我们以下面的例子为例。

一些对象.js

const someobject = {
   somefunc1: ()=>console.log("hello 1"),
   somefunc2: ()=>console.log("hello 2")
}

export default someobject;

应用程序.js

import someobject, { somefunc1, somefunc2 } from "./someobject";

someobject.somefunc1(); //hello 1
someobject.somefunc2(); //hello 2
somefunc1(); //hello 1
somefunc2(); //hello 2

导出默认值