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