了解 google-maps-react 库

Question

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

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

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

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

Answer 1

当试图找出 js 库中发生了什么时，请始终检查 index.js 文件。

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

export {wrapper as GoogleApiWrapper} from './GoogleApiComponent';

在 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';