[React学习(5)-React组件中的数据-props.png]
前言
开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好处,就是实现代码的复用...构建组件,本质上就是在编写javascript函数,而组件中最重要的是数据,在React中数据分两种:props和state,当定义一个组件时,它接收任意的形参(即props),并用于返回描述页面展示内容的...在函数声明自定义的组件中,可以通过props获取组件的属性
如下所示:自定义一个Button组件,给组件添加各个属性值,渲染的结果如下所示
[组件的props数据.png]
import React,...,特定的条件下,该用还是要用的
一般而言,在React中,构造函数仅用于下面两种情况:
通过给this.state赋值对象来初始化当前组件内部的state(状态)
在JSX中监听绑定事件处理函数(this...这种间接操作的方式在React中非常重要.当然你看到上面把子组件与父组件放在一个文件当中,或许看得不是很舒服,你可以把子组件单独的抽离出去,通过Es6中的export,import导出导入的方式是可以的