У меня есть несколько компонентов кнопок в папке под названием buttons . Я экспортирую все компоненты кнопки следующим образом.
export default class ButtonType1 extends Component { ... }
А в файле index.js я перечисляю все компоненты кнопки. Я импортирую и экспортирую такие компоненты ..
import ButtonType1Export from './button_type1.jsx';
export const ButtonType1 = ButtonType1Export;
Теперь для использования этих компонентов у меня есть отдельный файл для путей импорта. Здесь я связываю кнопки в index.js с объектом, который можно использовать для простого импорта типов кнопок.
export const SharedUi = {
Buttons: () => require('../shared_ui/buttons/index.jsx'),
...
...
}
Для использования этих компонентов в других сценах ... Я импортирую их вот так.
import { SharedUi } from '../../../config/import_paths.js';
const { ButtonType1 } = SharedUi.Buttons();
Но я получаю красный экран с ошибкой, как только перехожу к сцене, где я использовал эти компоненты кнопки. Я пытался разбить код на модули, но сейчас он, похоже, не работает.
Помощь приветствуется.
введите описание изображения здесь