[ {id: 'tableId', title: tableTitle', order: 1, path: './tabs/dummyTable.js'},
{id: 'tableId', title: tableTitle', order: 1, path: './tabs/dummyAnotherTable.js'}
... etc ]
.
суть задачи в том, что нужно сделать мап этой структуре, по полю path вычленить путь к компонентам, типа
```importsArray = array.map(({ path }) => {
Loadable({
loader: import(path),
loading: Loader
})
})
и карочи на этом шаге оно сыпется, я получаю массив компонентов
затем пытаюсь по этому массиву функций еще один мап чтобы сгенерить роуты, типа ImportsArray.map(element, idx => <Route path="array[index].id component={element})
вот в этом проблема карочи, что оно не рендерит эти компоненты которые я предварительно мапнул в importsArray, хотя я на выходе получаю массив компонентов
если импортить компоненты по тупому типа
const SomeTable = {
Loadable({
loader: import("./someTable"),
loading: Loader
})
})
то все работает, а если мапаю то карочи не робит
есть идеи?
Я даже знаю что ты делаешь
не юзай react-loadable, юзай loadable-components
Обсуждают сегодня