加载完成后的react-loadable回调？

Question

react-loadable在加载组件时有没有回调？我在react-loadable的document中找不到任何信息。

Answer 1

您可以使用它的loader属性或render方法：

Loadable({
  loader: () =>
    import("./components/Bar").then(Bar => {
      console.log("loaded"); // Put your callback here
      return Bar;
    }),
});

或,

Loadable({
  loader: () => import("./components/Bar"),
  render(loaded, props) {
    console.log("loaded"); // Put your callback here
    let Component = loaded.default;
    return <Component {...props} />;
  },
});