前言:接我前三章笔记。
删除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方法之中。