我有一个组件,我通过react-loadable加载 . 正在加载的组件在componentWillReceiveProps中有一些逻辑,用于检测是否需要获取更多数据等 .

当通过react loadable加载时,它调用render 1次,并且从不调用componentWillReceiveProps .

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

import Loading from 'components/Loading'

const LoadableThing = Loadable({
  loader: () => import('components/Thing'),
  loading: Loading,
  render(loaded, props) {
    let Component = loaded.default;
    return <Component {...props}/>
  }
});

export default LoadableThing

此组件包含在另一个组件中,该组件正在进行一些初始数据调用并将结果发送到 Thing

有什么想法吗?它再次调用 return <Component ,但在这种情况下,它似乎正在创建一个新组件 .