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

    原文作者:191711740
    原文地址: https://segmentfault.com/a/1190000020070454
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞