组件化定义函数组件和类组件_在类组件中定义函数组件

React

组件化定义函数组件

定义函数组件 如果你安装了jsx插件，则可以通过【rfc】完成创建。
1.函数名称首字母大写
2.必须要有jsx/null返回值，如果是jsx则一定要有顶层元素包裹

import React, { Component } from 'react'
 const App=()=>{
     return (
       <div>
           <h3>我是一个App函数组件</h3>
      </div>
     )
 }

export default App
1
2
3
4
5
6
7
8
9
10

组件化定义类组件

定义类组件 如果你安装了jsx插件，则可以通过 【rcc】来创建类组件
1.要以es6的定义类来定义 ，必须以class定义类
2.此类必须要继承父类[Component]
3.此类必须要有一个成员方法 render，此方法中必须要返回jsx/null,如果是jsx必须要有顶层元素

import React, { Component } from 'react'
class App extends Component {
  render() {
    return (
      <div>
        <h3>App之类组件</h3>
      </div>
    )
  }
}

1
2
3
4
5
6
7
8
9
10
11