react中的组件

组件的创建方式

函数式

• 使用js的函数或者箭头函数创建的组件
• 函数名称必须以大写字母开头 -函数组件必须有返回值，表示该组件的结构
• 如果返回值为null，表示不渲染任何内容

``js function Hello() { return (

ReactDOM.render(, document).getElementsByTagName('root')

## 使用类创建组件
- 使用ES6的class创建的组件
- 类名称也必须以答谢字母开头
- 类组件应该继承ReactComponent父类，从而可以使用父类中国呢提供的方法和属性
- 类组件必须提供render()方法
- render()方法必须有返回值，表示组件的结构


```js
class Hello extends React.Component{
  render(){
    return (
      <div>类组件</div>
    )
  }
}

ReactDOM.render(<Hello/>, document.getElementsByTagName('root')

抽离为独立JS文件

• 创建js文件
• 在文件中导入react
• 创建组件并且导出
• index中导入并且渲染