React 基础入门笔记

一、JSX语法规则

1. 定义虚拟DOM时，不要写引号

2.标签中混入JS表达式时要用 {}

（1）.JS表达式与JS语句（代码）的区别

（2）.使用案例

3.样式的类名指定不要用class，要用className

4.内联样式，要用style={{key: value}}的形式去写

5.只有一个根标签

6.标签必须闭合

7.标签首字母

（1）.若小写字母开头，则将标签转为html中同名元素，若html中无该标签对应同名元素，则报错

（2）.若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错

二、函数式组件

三、类式组件

1.类的相关总结

2.类式组件

四、 state总结

五、props总结 

1.props使用

（1）正常使用：作用在标签ReactDom.render(<Person name="jerry" sex="女" age=“18”/>，doucument.getElementById('test1'))

（2）批量传参：

let obj = { name:"jerry", sex:"女", age:“18”}

作用在标签ReactDom.render(<Person {...obj}/>，doucument.getElementById('test1'))

2.props限制

六、ref总结 

1.字符串形式的ref

2.回调形式的ref

 3. creatRef的使用

七、生命周期

1.图例

2.生命周期阶段

 ​​