了解 google-maps-react 库

Question

我遇到了这个 post to integrate google-map with react
It uses this library
正如我们在图书馆页面上看到的那样，它解释了我们可以使用
import { GoogleApiWrapper } from google-maps-react

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

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

非常感谢所有帮助，它将帮助所有伙伴开发人员的技能飞跃！！！

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

understanding google-maps-react library