- React组件可以通过函数或class定义。
- 示例展示了如何将一个函数组件
app header
转换为class组件。 - 在文件顶部,从
react
包导入Component
作为组件类的基类。 - 创建一个名为
app header
的class,继承自Component
。 - 在class组件里实现一个
render
方法,返回React元素,将原函数组件内容粘贴于此。 - 设置组件的属性类型,并定义默认属性(
defaultProps
)。 - 在class组件中,属性通过
this.props
访问。 - 转换后的class组件在浏览器中的表现与原函数组件相同。