带有第三方React组件的React-Loadable无法正常工作

Question

我正在尝试在第三方React组件上使用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无法直接导入第三方组件。