构建组件,本质上就是在编写javascript函数,而组件中最重要的是数据,在React中数据分两种:props和state,当定义一个组件时,它接收任意的形参(即props),并用于返回描述页面展示内容的...在函数声明自定义的组件中,可以通过props获取组件的属性
如下所示:自定义一个Button组件,给组件添加各个属性值,渲染的结果如下所示
[组件的props数据.png]
import React,...constructor构造器函数,调用super(),以及参数props,它是会报错的
在组件实例被构造之后,该组件的所有成员函数都无法通过this.props访问到父组件传递过来的props值,错误如下所示...-props,它类似HTML标签的属性,但属性值可以是任意数据类型,数字number,字符串String,甚至函数,对象
并且要注意函数式声明(无状态)组件与Es6中类声明组件时,在子组件内部接收props...(函数)将无法通过this.props访问到父组件传递过来的prop值
当然,在React中,规定了不能直接更改外部世界传过来的prop值,这个prop属性只具备读的能力,具体原因可见上文
如果非要更改