React 组件

函数组件
该函数是一个有效的 React 组件,因为它接收唯一带有数据的 “props”(代表属性)对象与并返回一个 React 元素。这类组件被称为“函数组件”,因为它本质上就是 JavaScript 函数。
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}
------------------------------------------------------------------------
class 组件 
class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}
两个组件在 React 里是等效的。

  

posted on 2020-05-21 21:43  左侧岚  阅读(87)  评论(0编辑  收藏  举报

导航