ReactNote-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扩展语言)




posted @ 2022-11-17 13:41  Cherishe  阅读(21)  评论(0)    收藏  举报