了解google-maps-react库

Question

我碰到了这篇文章 ，将Google Map与React集成在一起
它使用这个库
正如我们在库页面上看到的那样，它说明了我们可以使用
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，则使用JS的import-export语法

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

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

示例index.js看起来像这样

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