[React学习(5)-React组件中的数据-props.png]
前言
开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好处,就是实现代码的复用...在函数声明自定义的组件中,可以通过props获取组件的属性
如下所示:自定义一个Button组件,给组件添加各个属性值,渲染的结果如下所示
[组件的props数据.png]
import React,...this.props获取组件外部的数据,它是默认自带的
constructor(props){
super(props);
}
至于写不写构造器函数,如果该自定义的组件不需要初始化state,不用进行方法的绑定....png]
因为在React中,数据流是单向的,不能改变一个组件被渲染时传进来的props
之所以这么规定,因为组件的复用性,一个组件可能在各个页面上进行复用,如果允许被修改的话,这个组件的显示形态会变得不可预测...,要么把校验类型进行更改与之对应的
PropType提供了一系列的验证方法,用于确保组件接收到的数据类型是有效准确的,一旦传入的prop值类型不正确时,控制台将会显示的警告,虽然程序不会报错,但是会出现警告