react类组件 组件传值

class Cmp1 extends React.Component{

    render(){

      return (

        <div>{ this.props.name } -- 我是一个类</div>

      );

}}

父组件

// react根组件
import React, { Component } from 'react'


// 导入
// 导入类组件 组件的首字母必须是大写
// import Itemclass from './components/Itemclass'

 
render() {
    return (
      <div><Itemclass title="我父组件给你的信息" /> 
      </div>
    )
  }

export default App

子组件

import React, { Component } from 'react'

export default class Itemclass extends Component {

  render() {
    // 类组件中通过this.props得到父组件中传过来的数据
    // console.log(this.props)

    // 推荐
    let { title } = this.props

    return (
      <div>
        类组件
        <hr />
        <h3>{this.props.title}</h3>
        <hr />
        <h3>{title}</h3>
      </div>
    )
  }
}