[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}

---

先总结一下和大模型对话最常用的关键词

啥意思？

是什么？

帮我实现

翻译

为什么是这样