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转成小写
3.在jsx里面要用样式,不要用clsaa,要用className
4.内联样式要用style={{key:value}}的样式去写
5.虚拟DOM必须只有一个根标签
6.标签必须闭合
7.标签首字母
(1)如果是小写字母开头,则将该标签转为html中的span元素,如果无该标签中的同名元素则报错。
(2)若大写字母开头,react就去渲染对应的组件,若组件没有定义,就报错。
案例:
什么是表达式和语句?
表达式=》能够用变量接收的
注意创建DOM的时候,{}中要写表达式
遍历和VUE中的v-for很像,VUE里面用的是v-for,这里用的是map来遍历
二,模块和组件
- Author:白菜
- URL:https://blog.xiaocaicai.xyz/article/s3
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!