2024版，React18+ Nest.js 全栈开发仿问卷星项目

xia讠果☛ lexuecode.com/6726.html

Vite创建React 项目

要使用Vite创建一个React项目，你需要遵循以下步骤，这些步骤将连续完成，无需中断：

确保Node.js已安装：Vite需要Node.js环境，所以首先确保你的系统上安装了Node.js（推荐使用Node.js版本14及以上）。
安装Vite：通过npm或yarn全局安装Vite CLI。打开终端并运行以下命令之一：
```
npm install -g vite
```
或者
```
yarn global add vite
```
创建React项目：使用Vite CLI创建一个新的React项目，运行以下命令：
```
vite create my-react-app --template react
```
其中my-react-app是你项目的名字，--template react指定了使用React模板。
进入项目目录：创建项目后，使用cd命令进入项目目录：
```
cd my-react-app
```
启动开发服务器：在项目目录中，运行以下命令来启动Vite的开发服务器：
```
vite
```
或者，如果你想要使用npm或yarn，可以使用：
```
npm run dev
```
或者
```
yarn dev
```
访问应用程序：开发服务器启动后，默认会在localhost:3000上运行你的React应用。打开浏览器并访问http://localhost:3000来查看你的应用。
进行开发：现在你可以开始开发你的React应用了。编辑src目录下的文件，Vite将自动重新加载更改。

id = {myId.toUpperCase()}

style={{color:'skyblue',fontSize:'24px'}}

不能有多个根标签，只能有一个根标签
标签必须闭合，自闭合也行
如果小写字母开头，就将标签转化为 html 同名元素，如果 html 中无该标签对应的元素，就报错；如果是大写字母开头，react 就去渲染对应的组件，如果没有就报错

写在花括号里

ReactDOM.render(
    <div>
    <h1>小丞</h1>
    {/*注释...*/}
     </div>,
    document.getElementById('example')
);

JSX 允许在模板中插入数组，数组自动展开全部成员

var arr = [
  <h1>小丞</h1>,
  <h2>同学</h2>,
];
ReactDOM.render(
  <div>{arr}</div>,
  document.getElementById('example')
);