其實剛才生產(chǎn)目錄中有個 app.js
里面是用 es6語法寫的 自定義控件
創(chuàng)建一個名字為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 ; //將此標簽導出 糖儡。方便其他地方的調(diào)用使用
其他地方的導入并使用此標簽
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();
