React基础知识 精简全面 推荐

这篇博文主要对一些刚入门react框架的同学，以及对react基本知识进行巩固的，最后就是精简一下基本知识，以方便自己查看，感谢参考，有问题评论区交流，谢谢。

目录

1.JSX 

2.Props 和 State

3.组件生命周期

4.列表 和 Keys

5.事件处理

6.表单

---

没有配置React的同学请参考：React 开发环境搭建 超详细 全面 推荐-优快云博客

1.JSX 

const  element = <h1>Hello,world!</h1> ;

这是一段jsx代码，语法看起来很像html，实际上jsx语法所用的标签可以使用html标签，也可以使用自定义的react组件作为jsx中的标签。

jsx可以使用变量，name就是一个变量，注意：变量要用大括号括起来 { }  

const  name = 'young';
const  element = <h1>Hello,{name