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 钩子
也就说点击选框,可以让盒子中发生颜色变化