react组件

• 使用函数方式

　　

// 创建组件
function Welcome(props) {
  return <div>Hello, {props.name}</div>      
}

// 使用组件
<Welcome name="明" />

　　使用函数方式创建组件，父组件通过 属性 的方式传递参数，子组件函数通过 形参 接收参数

• 使用 class 方式

// 使用 class类 的方式创建组件
// extends React.Component 表示 继承 React.Component 组件的功能
class Welcome extends React.Component {
  render() {
    return <div>Hello, {this.props.name}</div>    
  }      
}

// 使用组件
<Welcome name="明" />

使用 class类 方式创建组件，父组件通过 属性 的方式传递参数，子组件通过 this.props 使用参数

注意：props 中的数据为只读属性，无法进行修改操作