logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

Class 形式的 React 组件

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