React工作46:react渲染组件

const element = <div />;

不过，React 元素也可以是用户自定义的组件：

const element = <Welcome name="Sara" />;

当 React 元素为用户自定义组件时，它会将 JSX 所接收的属性（attributes）以及子组件（children）转换为单个对象传递给组件，这个对象被称之为 “props”。

例如，这段代码会在页面上渲染 “Hello, Sara”：

    function Welcome(props) {  return <h1>Hello, {props.name}</h1>;
    }
     
    const element = <Welcome name="Sara" />;ReactDOM.render(
      element,
      document.getElementById('root')
    );