其實剛才生產目錄中有個 app.js
里面是用 es6語法寫的 自定義控件

創建一個名字為MyCommpent 的自定義控件
導入 React 和 Component

import React ,{Component}from 'react'

定義類

import React ,{Component}from 'react'  //導入 React Component

class MyCommpent extends Component{ //定義類繼承 Compoent 

    render(){ //render就是返回一個標簽        
        return(
            <div>
                <h1>這個是自定義組件</h1>
            </div>
        )
    }
}

export default MyCommpent ;  //將此標簽導出 。方便其他地方的調用使用

其他地方的導入并使用此標簽

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

import MyCommpent from './MyCommpent'  //導出組件 方便使用



// ReactDOM.render(<App />, document.getElementById('root'));

// ReactDOM.render(params1,params2); params1:控件的名稱  pararms2:放到位置的id
ReactDOM.render(<MyCommpent/>,document.getElementById('root'))


registerServiceWorker();