как создать пользовательский компонент npm react и использовать его в другом приложении react, например «react-dropdown-select»

#javascript #reactjs #react-native #publish

#javascript #reactjs #react-native #опубликовать

Вопрос:

У меня есть приложение react (список учащихся с компонентами react и собственным css), это отдельное приложение, у которого есть свое собственное. Теперь этот базовый / основной компонент react должен быть подключен, скажем, в другом приложении react (библиотечное приложение), на котором одна вкладка при нажатии должна отображать список учащихся.

Здесь есть две команды, которые управляют приложением списка учащихся и приложением библиотеки. Итак, для рукопожатия список учащихся должен быть опубликован в artifactory, а затем использоваться в приложении library точно так же, как при использовании другого компонента react npm, такого как компонент react-dropdown-select / fadein / fadeout.

Однако, когда я публикую в artifactory, он использует babel и переносит код в обычный js и больше не реагирует на компонент. Итак, я хотел бы знать, есть ли способ получить доступ к js-файлам build bundles в приложении library. или есть ли какой-либо отдельный способ интеграции на основе компонентов.

Комментарии:

1. лучше создать простое демонстрационное приложение, которое пытается достичь того, что вы пытаетесь сделать — пользовательский компонент react, — а затем поместить соответствующий код там, где, по вашему мнению, вы ошибаетесь, и, возможно, поместить этот компонент в изолированную среду кода или репозиторий GitHub. прямо сейчас это кажется расплывчатым вопросом без конкретики, на который сообщество не может дать конкретный ответ.

Ответ №1:

Вы установили babel/preset-react и добавили его в конфигурацию?

Установка (оболочка): npm install --save-dev @babel/preset-react