React——大概了解

31 阅读1分钟

react框架中组件有三种:

第一种:类组件(也叫做有状态组件)

Box就是一个类组件: image.png

第二种:函数组件(也叫做无状态组件)

Box2就是一个函数组件:

image.png

第三种:Hook组件(出现的意义:是为了让函数组件也有状态)

一、类组件:

案例: 列表渲染:

image.png

属性传值:(注意:函数组件中,子组件中是不能使用this.props去取值的,但是,我们可以通过给函数组件一个形参props,然后通过形参props.属性值可以取到。)

父组件:

image.png

子组件:

1.类组件:

image.png

2.函数组件(不会自动刷新页面,因为它是静态组件):

image.png