React系列-命名导出

admin 2025年1月13日20:20:51评论3 views字数 406阅读1分21秒阅读模式

命名导出

  • 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系列-命名导出

免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉。
  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2025年1月13日20:20:51
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   React系列-命名导出https://cn-sec.com/archives/1084889.html
                  免责声明:文章中涉及的程序(方法)可能带有攻击性,仅供安全研究与教学之用,读者将其信息做其他用途,由读者承担全部法律及连带责任,本站不承担任何法律及连带责任;如有问题可邮件联系(建议使用企业邮箱或有效邮箱,避免邮件被拦截,联系方式见首页),望知悉.

发表评论

匿名网友 填写信息