在第三方react组件不工作的情况下可加载react

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不能直接导入第三方组件。