了解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的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';