命名导出
-
lazy只支持默认导出的组件
index.jsx
export class Test1 extends React.Component {
render() {
return (
<h1>Test1</h1>
)
}
}
export class Test2 extends React.Component {
render() {
return (
<h1>Test2</h1>
)
}
}
Test1.jsx
export { Test1 as default } from './index'
Test2.jsx
export { Test2 as default } from './index'
main.jsx
const Test1 = React.lazy(() => import('./components/Test1'))
const Test2 = React.lazy(() => import('./components/Test2'))
原文始发于微信公众号(迪哥讲事):React系列-命名导出
免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉。
- 左青龙
- 微信扫一扫
-
- 右白虎
- 微信扫一扫
-
评论