React其他API

5.1 无状态组件

当我们现在的组件仅仅是为了呈现一些DOM元素，没有state、props等东西，此时可以不用费劲

class My extends React.Component{}

而是一个简单的函数即可

既然创建了它，那么我们也就可以用它

5.1.1 clickHander函数的运用

5.2 默认属性

传统的方法是下面的图片，但是浏览器页面中，并没有显示，

它只能用于以前的方法。结果图：

所以在本节学习课堂中，新学到的方法是

5.3state的值可以改变

5.4 组件的生命周期

组件从没有诞生到诞生，到就绪上树，到被移除的完整生命周期，都提供了函数接口。

组件的生命周期包含三个部分：

挂载：组件被插入到DOM中。

更新：组件被重新渲染，查明DOM是否应该刷新

移除：组件从DOM中移除

生命周期函数

5.5 React中的表单

没有Angular那么复杂的表单验证东西，没有双向数据绑定！ 

如果非要做一个效果：文本框中输入内容，实时改变h1中的内容：

5.6 ref DOM 钩子

也就说点击选框，可以让盒子中发生颜色变化