关于ES6导入输出的问题

Question

在创建一个 b.tsx 的文件里用函数写了个组件，使用 export default B，
在 a.tsx 里 import b.tsx，
这里出现个问题，
使用 import B from ./b.tsx 能顺利拿到返回值，
使用 import { B } from ./b.tsx 会提示没有导出B，如果在 b.tsx 里直接 export const B = ()=>{} 就可以用这种方式来获取，
不太理解这里，有谁能讲解下吗？

import B from "./b.tsx"; //能顺利拿到export default的返回值
import { B } from "./b.tsx"; //export default会提示没有导出B，使用export const B = ()=> {}能拿到返回值

Answer 1

import B from "./b.tsx";
import { B } from "./b.tsx";
如果以上两种形式都能得到你想要的函数组件，那是不是可以B.B.B.B.B.....一直下去

Answer 2

import B from 其实等价于 import default as B from，所以其实你可以import AnyName from "./b.tsx"
{}有解构的作用，所以 import {B} from 类似 const a = {name: ''}; const {name} = a;，因此import { B } from 和 import B from是完全不同的。