爱前端2018React框架开发技术分享四

学习是一件循序渐进的事情，急不得燥不得，在爱前端的实体班开学典礼的时候就会跟学生们说做阳光男孩，元气少女。他们也的确很争气，从一开始的0基础，到最后毕业拿到高薪，除了爱前端老师们的谆谆教导，也少不了自己的不懈努力！

上篇文章中提到的组件内部的state，数据引发视图的改变，还有组件的受控；除了组件的受控外还有表单的受控比如单选按钮radio的受控

如果觉得这样的受控方法复杂，到后面等学会封装组件了，可以封装一个SingleoptionGroup的组件。

还有复选框checkbox的受控

通过以上学习就可以做一个简单的小案例：自定义可视化表格

有受控组价当然也会有非受控组件，比如我们现在遇见一个input框，就喜欢和state进行双向数据绑定，简称受控。实际上，也可以不受控。

ref就是id，一个组件中，不能有相同名字的ref。但是this.refs.***一定选择的是本组件的东西，不会选择其他组件的东西。

说完组件了就肯定要有组件之间的数据传递；在父组件中，通过在子组件的标签上罗列k=v形式的参数，以达到给子组件传值的目的，而在子组件中用{this.props.**}的形式，接收父亲传入的参数。

关于props还有很多的知识点，但是由于整篇笔记的内容篇幅较长。为了方便大家学习，我已将本节笔记上传在百度网盘中，请大家自行下载，欢迎提出宝贵的意见和建议，在之后我将分享更多爱前端培训学校实体班的学习笔记，大家也可以加群进行实时技术交流：137503198

网盘地址：链接：https://pan.baidu.com/s/1-z5jNLsObjExHPowbilP8A密码：fmgo