【学习记录】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方法之中。