const a = <div>aaa</div>

export a;

//在别的文件中调用a
import a from "xxx";
{a}

//模块名必须大写，不然无法渲染
const Aaa = ()=>{
     return <div>aaa</div>  
}

export default Aaa;

//在别的文件中引入使用，和JSX作为变量不同，作变量时这样使用{a}，作函数或类时用标签<Aaa/>调用。
import Aaa from "xxx"
<Aaa/>