Загрузка нескольких ресурсов с реактивной загрузкой не работает

Question

Чтобы повысить производительность сайта, я думал о разделении кода на некоторые из моих компонентов, которые мне не нужны при первоначальной сборке. После поиска некоторых вариантов я решил пойти с реагируемой загрузкой.

В соответствии с загружаемыми документами, мы можем загружать несколько ресурсов параллельно. С этой идеей и примером кода, приведенным в документации, я пытался реализовать компонент, который извлекает компонент, а также данные, необходимые для визуализации компонента. Но проблема, с которой я сталкиваюсь, заключается в том, что каждый раз, когда я пытался использовать Loadable.Map функция я получаю TypeError: loader is not a function в консоли и отображается только состояние загрузки. Документы не работает или моя реализация?

Answer 1

Предметы в loader объект должен быть функцией

так измени

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: fakeAPI()
  },

в

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: () => fakeAPI()
  },

или даже

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: fakeAPI
  },

см. обновленную демонстрацию: https://codesandbox.io/s/my19zqk78