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

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

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


reactjs javascript optimization code-splitting react-loadable
person Aziz    schedule 10.12.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Элементы в объекте loader должны быть функциями

так что измени

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

to

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

или даже

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

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

person Gabriele Petrioli    schedule 10.12.2018