react框架中组件有三种:
第一种:类组件(也叫做有状态组件)
Box就是一个类组件:
第二种:函数组件(也叫做无状态组件)
Box2就是一个函数组件:
第三种:Hook组件(出现的意义:是为了让函数组件也有状态)
一、类组件:
案例: 列表渲染:
属性传值:(注意:函数组件中,子组件中是不能使用this.props去取值的,但是,我们可以通过给函数组件一个形参props,然后通过形参props.属性值
可以取到。)
父组件:
子组件:
1.类组件:
2.函数组件(不会自动刷新页面,因为它是静态组件):