构建组件,本质上就是在编写javascript函数,而组件中最重要的是数据,在React中数据分两种:props和state,当定义一个组件时,它接收任意的形参(即props),并用于返回描述页面展示内容的...每个定义的React组件应该都是独立存在的模块,组件之外的一切都是外部世界(组件),外部世界(组件)就是通过prop来和组件进行对话数据传递的
在React中,你可以将prop类似于HTML标签元素的属性...在函数声明自定义的组件中,可以通过props获取组件的属性
如下所示:自定义一个Button组件,给组件添加各个属性值,渲染的结果如下所示
[组件的props数据.png]
import React,...可以看得出,父组件中JSX的prop值可以是一个方法,在子组件想要把数据传递给父组件时,需要在子组件中调用父组件的方法,从而达到了子组件向父组件传递数据的形式
这种间接操作的方式在React中非常重要....propTypes属性配置即可
定义一个组件,为了该程序的严谨性,应该规范组件数据的如下方面
这个组件支持哪些prop
每个prop应该是什么样的格式
在React中,借助了第三方库prop-types