// 1. 导入包
// import React, {Component} from 'react'
import React from 'react'
import ReactDOM from 'react-dom'
// 使用 ES6中 import 导入需要的组件
// import Hello from '@/components/Hello'
// 导入 class 继承
// import '@/03.class-继承-公共方法'
// class 关键字创建组件
class Movie extends React.Component {
// 构造器
constructor() {
// 由于 Movie 组件,继承了 React.Component 这个父类,所以,自定义的构造器中,必须 调用 super()
super()
// 只有调用了 super() 以后,才能使用 this 关键字
this.state = { // 这个 this.state = {} 就相当于 Vue 中的 data() { return { } }
msg: '大家好,我是 class 创建的 Movie组件'
}
}
// render 函数的作用,是 渲染 当前组件所对应的 虚拟DOM元素
render() {
// return null
// 在 class 关键字创建的组件中,如果想使用 外界传递过来的 props 参数,不需接收,直接通过 this.props.*** 访问即可
// 注意:不论是 class 还是普通 function 创建的组件,它们的 props 都是只读的;
// this.props.name = '李四'
// 在 class 创建的组件中
class创建组件
最新推荐文章于 2023-12-03 20:43:03 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)