javascript - 了解 google-maps-react 库

Question

我遇到了这个post将 google-map 与 React 集成
它使用 this library
正如我们在库页面上看到的，它解释了我们可以使用
import { GoogleApiWrapper } from google-maps-react

现在为了成为一名更好的js开发人员，我希望了解如何直接从库中理解这个api

所以我想了解如何证实以及不仅是这个库，如何我们是否要继续了解我们想要在 react 项目中使用的任何库。

非常感谢所有帮助，它将帮助所有开发人员在他们的技能上取得飞跃!

Answer 1

当尝试了解 js 库中发生的情况时，请务必检查 index.js 文件。

例如，在 google-maps-react 中，您会在 root/index.js 中找到这一行

从“./GoogleApiComponent”导出{wrapper as GoogleApiWrapper}；

在 GoogleApiComponent.js 文件中，您会发现它有 wrapper 作为命名导出以及文件的默认导出。

编辑:

在大多数库(以及项目)中，您会发现此标准，人们在文件夹中定义许多模块，然后从单个 index.js 文件导出它们。

这是因为如果你有一个文件夹结构，使用 JS 的导入导出语法

root
|-> a.js
|-> b
    |-> c.js
    |-> d.js
    |-> index.js

然后您可以直接从文件夹“b”导入，方法是使用文件夹中的 index.js 定义从 b 导出的内容。

示例 index.js 看起来像这样

export * from './foo';
export {default as bar} from 'bar';
export {baz} from 'baz';