react项目的运行流程

这里学习react用的是vite脚手架

在vs code终端 npm create vite@latest或者pnpm create vite@latest

一个由vite创建的vue项目

第一个关注的文件index.html

然后是main.tsx

最后就是App.tsx

在App.tsx中，最重要的就是funcation和export两个部分 ，function里面分为了 return里面编写html

return外面编写js部分 注意return里面的一些符号必须有

最后总结：react项目的流程就是 在index.html

初始化好一个id为root的dom对象，去到App.tsx编写组件的逻辑和页面，然后导出。最后去到main.tsx里面导入关键库react和reactDom还有编写的组件App.tsx。以及页面样式index.css

最后调用

ReactDOM.createRoot(document.getElementById('root')!).render（)

传入组件给index.html中的div为id是root的组件