React工作45:react组件

定义组件最简单的方式就是编写 JavaScript 函数：

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

该函数是一个有效的 React 组件，因为它接收唯一带有数据的 “props”（代表属性）对象与并返回一个 React 元素。这类组件被称为“函数组件”，因为它本质上就是 JavaScript 函数。

你同时还可以使用 ES6 的 class 来定义组件：

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

上述两个组件在 React 里是等效的。