开发者学堂课程【React 入门与实战：为 class 创建的组件传递 props 参数并直接使用 this.props 来访问】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/585/detail/8102
为 class 创建的组件传递 props 参数并直接使用 this.props 来访问
一、为 class 创建的组件传递 props 参数并直接使用 this.props 来访问的实例
//class 关键字创建组件
class Movie extends React.Component{
//render 函数的作用，是渲染当前组件所对应的虚拟 DOM 元素
render(){
//return null
//在 class 关键字创建的组件中，如果想使用外接传递过来的 props 参数，不需要接收，直接通过 this.props.***访问即可
return
{/*注意：在class组件内部，this表示当前的实例对象 */}
这是Movie组件
– {this.props.name} – {this.props.age} – {this.props.gender}
}
}
const user = {
name:’zs’
age:’22’
gender:’男’
}
reactDOM.render(
123
{/* */}
{/* */}
{/*这里的Movie标签，就是Movie类的一个实例对象 */}
{…user}
,document.getElementById(‘app’))
// 1. 导入包
import React from 'react'
import ReactDOM from 'react-dom'
//2. class 关键字创建组件
class Movie extends React.Component{
//render 函数的作用，是渲染当前组件对应的 虚拟 DOM 元素
render(){
//return null 必须有返回值，没有返回值时，返回 null
//在class 关键字创建的组件中，如果想使用 外界传递过来的 props 参数， 不需要接收，直接通过 this.props.***访问即可
return
{/* 在class 组件内部，this 表示 当前组件的实例对象 */}
这是 Movie 组件
---{this.props.name}---{this.props.age}---{this.props.gender}
}
}
const user = {
name : 'zs',
age : 22,
gender:'男'
}
// 3. 调用 render 函数渲染
ReactDOM.render(
123
{/* */}
, document.getElementById('app'))
