1.react是什么呢?
react是由Meta公司开发,是一个用于构建web和原生交互界面的库
2.react 项目修改文件保存后
,不能实时更新,需要:
在和package.json文件同目录的地方,新建.env文件:里面加入:
FAST_REFRESH=false
上面的代码保存即可
3.主要文件的解读:
1.入口文件:index.js
// 项目的入口文件 从这里开始运行// React中必要的两个核心包
import React from "react";
import ReactDOM from "react-dom/client";// 导入项目的根组件
import App from "./App";// 把App根组件渲染到id为root的dom节点上
// 这个dom节点就是public文件夹中的index.html文件中的 <div id="root"></div>
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);
2.根组件:App.js
// 项目的跟组件
// 根组件APP--->被引入到入口文件index.js中 -->入口文件被渲染到public中的index.html的root节点上function App() {return <div className="App">this is react 111a22pp</div>;
}export default App;
3.项目整体的文件目录如下: