4

我有一个通过 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,但在这种情况下似乎它正在创建一个新组件。

4

0 回答 0