标签：语法 const ReactNote element React JS JSX
第一个加载的组件就是APP：
<APP/>
当前咱们指定的DOM就是root:
ReactDOM.createRoot(document.getElementById('root'));
root在那个地方：
react-app/public/index.html
<div id="root"></div>
当前严格模式：
<React.StrictMode>
</React.StrictMode>
谁开发的React:
FaceBook公司
第一个加载的组件就是APP，APP组件可以写JSX:
什么是JSX:（JS的语法扩展）
const element = <h1>hello,world;</h1>
解释：就是可以把html标签用script脚本声明的变量接收
建议：React里建议使用（JSX:JS的扩展语法）
描述：JSX可以很好的描述UI的交互形式
类似：类似模板语言（模板语言的语法糖：JSX是React.createElement的语法糖）vue3（setup也是语法糖）
作用：创建React元素的一种简化的方式（语法糖）
没有JSX的时候是这样创建react元素的：
const element = React.createElement('h1',{className:'h1'},'hello,world;'); //模板语言
使用JSX创建react元素:
const element = '<h1 className="h1">hello,world;</h1>' //JSX（JS扩展语言）
标签：语法,
const,
ReactNote,
element,
React,
JS,
JSX
From： https://www.cnblogs.com/strundent/p/16899228.html