【學習記錄】4.寫一個react的Hello World

前言：接我前三章筆記。
刪除src下全部文件。咱們本身一步一步寫。

入口文件的編寫

1.在src下新建文件index.js。

import React from "react";   //引入react
import ReactDOM from "react-dom"; //引入reactDOM
import Car from './Car'; //引入car組件
ReactDOM.render(<car/>,document.getElementById('root'))

2.新建Car組件

import React,{Component}from "react";
// import React from "react";

class Car extends Component{
// class Car extends React.Component {
    render() {
        return (
            <div>
                Hello World
            </div>
        );
    }
}
export default Car;

3.總結

運行結果，瀏覽器能夠看到 Hello World。
1> react中跟vue同樣都有一個入口文件index。index中渲染組件到DOM中。
2> react 組件的寫在.js文件，html寫在reader方法之中。