понимание библиотеки google-maps-реакции

Question

Я наткнулся на этот пост , чтобы интегрировать Google-карту с реагироватьОн использует эту библиотеку Как мы видим на странице библиотеки, это объясняет, что мы можем использоватьimport { GoogleApiWrapper } from google-maps-react

Теперь, чтобы стать лучшим разработчиком js, я хочу понять, как понять этот API напрямую из библиотеки.Поэтому я хочу понять, как подтвердить, а не только эту библиотеку, как нам продвинуться вперед в понимании любой библиотеки, которую мы хотим использовать в нашем реактивном проекте в первую очередь.Вся помощь очень ценится, она поможет всем коллегам-разработчикам сделать скачок в своем мастерстве !!!

Answer 1

При попытке узнать, что происходит в библиотеке js, всегда проверяйте файл index.js.

Например, в google-maps-реагировать вы найдете в 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';