reactjs - React-Loadable 与第三方反应组件不起作用

Question

我正在尝试在第三方反应组件上使用 react-loadable。它只是显示空白页。当我用它来编码拆分我自己的组件时，它工作得很好。

import React from 'react'
import Loadable from 'react-loadable'; 

const Loading = () => <div>Loading...</div>
const Modal = Loadable({
    loader: () => import('react-responsive-modal'), 
    /*loader: () => import('./My-Own-Component'),//this works fine.*/
    loading: Loading
});

class MyTest extends React.Component{

    render(){
       return(<Modal />)
    }
}
export default MyTest

我确信我使用的方式是错误的。请指教。谢谢。

Answer 1

只是一种预感。您可以尝试将内部组件提取react-responsive-modal到自定义组件中并尝试查看是否有效。

我认为 React loadable 无法直接导入 3rd 方组件。