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