function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

import React, { Component } from "react"; 

class Hello extends Component { 

// 构造函数 
constructor(props){
 super(props); 
// 声明私有数据 (类似vue中data的作用) 
this.state = { msg:‘123‘ }
 }
render() { 
console.log(this.state) // 打印查看 
return ( 
     <div> 
       {/* 在组件中使用私有数据 */}
         <h1>{this.state.msg}</h1> 
     </div> ); 
  } 
}
export default Hello;