type
Post
status
Published
date
Nov 8, 2022
slug
s3
summary
记录一次React的学习
tags
代码学习
category
学习思考
icon
password
category (1)
tags (1)
Property
Nov 11, 2022 09:37 AM
 

一.jsx语法规则

 
首先要创建虚拟DOM
然后将虚拟DOM渲染到页面上
 
1.定义虚拟规则时候,不要用引号
2.标签中混入js时,要用{}
toLowerCase转成大写
toUpperCase转成小写
notion image
3.在jsx里面要用样式,不要用clsaa,要用className
4.内联样式要用style={{key:value}}的样式去写
5.虚拟DOM必须只有一个根标签
notion image
6.标签必须闭合
7.标签首字母
(1)如果是小写字母开头,则将该标签转为html中的span元素,如果无该标签中的同名元素则报错。
(2)若大写字母开头,react就去渲染对应的组件,若组件没有定义,就报错。
案例:
notion image
 
 
什么是表达式和语句?
表达式=》能够用变量接收的
注意创建DOM的时候,{}中要写表达式
notion image
 
遍历和VUE中的v-for很像,VUE里面用的是v-for,这里用的是map来遍历
notion image

二,模块和组件

 
记录第一次路由器刷机记录一次超星签到