react-day1

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.项目整体的文件目录如下：