[react] js容易混淆的两种导出方式2025-08-22

很多知识就是这样，你学了，然后忘记，然后再学习，然后再忘记。

什么是命名导出，什么是命名导入

export {TestApp}
import {TestApp} from ‘testapp.jsx’

什么是默认导出，什么是默认导入

export default xyz
import xxx from ‘hello.jsx’

主要是这几概念混在一起了

const
default
export
import

Q:export是必须的吗
A:export 不是必须的，但 如果你想让其他文件使用这个组件（或变量、函数等），就必须用 export。

很多初学 JavaScript / React 的人都会被 命名导出（named export） 和 默认导出（default export） 搞晕。相信我这不是你的问题，这绝对是js的问题。

命名导出，导入时，名字需要一致
默认导出，导入时，可以随便起其他名字
导入时：有 {} 是命名，没 {} 是默认

export deafult到底是啥意思？

export vs export default

import XXX vs import {XXX}

先总结一下和大模型对话最常用的关键词
啥意思？
是什么？
帮我实现
翻译
为什么是这样