[React学习(5)-React组件中的数据-props.png]
前言
开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好处,就是实现代码的复用...每个定义的React组件应该都是独立存在的模块,组件之外的一切都是外部世界(组件),外部世界(组件)就是通过prop来和组件进行对话数据传递的
在React中,你可以将prop类似于HTML标签元素的属性...,当组件出现某些bug的时候,会给开发者带来困扰,调试将会是噩梦,无法定位,违背组件的设计原则了
但是这并不代表着props的值并不能被修改,有时候,由于业务的需求,我们是需要对props值进行修改的...的绑定,this会是undefined,在Es6中,用class类创建的React组件并不会自动的给组件绑定this到当前的实例对象上
将该组件实例的方法进行this坏境绑定是React常用手段
代码如下所示...通过类型检查捕获一些错误,规避一些程序上的bug,React内置了一些类型检查的功能,要在组件的props上进行类型的检查,只需要做一些特定的propTypes属性配置即可
定义一个组件,为了该程序的严谨性