React组件的创建和渲染

 一、函数组件

创建函数组件 

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

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

渲染函数组件

引用函数名即可：<Welcome/>或<Welcome></Welcome>

二、类组件

创建类组件 

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

 记得调用React包：

import React from 'react';

类组件渲染与函数组件一样。