ES6语法中用import,export导入导出模块,非ES6语法要借助require();
只要import React from 'react' ,就可以在js文件中任意位置使用JSX语法。
JSX是一个变量的情况
const a = <div>aaa</div> export a; //在别的文件中调用a import a from "xxx"; {a}
JSX是在函数中的情况
//模块名必须大写,不然无法渲染 const Aaa = ()=>{ return <div>aaa</div> } export default Aaa; //在别的文件中引入使用,和JSX作为变量不同,作变量时这样使用{a},作函数或类时用标签<Aaa/>调用。 import Aaa from "xxx" <Aaa/>