# h5-2106-react

**Repository Path**: connerljlx_admin/h5-2106-react

## Basic Information

- **Project Name**: h5-2106-react
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-11-24
- **Last Updated**: 2021-12-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cra安装和启动项目 create-react-app
安装
```js
npm i create-react-app -g
```
启动项目
```js
create-react-app 项目目录(注意不要出现大写字母)
```
# 项目运行架构
主要 安装了 三个包
react  核心语法包
react-dom 将组件 dom结构 渲染 index.html上
react-scripts 隐藏webpack配置文件

# 安装 vscode插件
ES7 React/Redux/GraphQL/React-Native snippets

# jsx
xml in js

自定义标签 （主要用于前后端传输数据）
```xml
<student>
  <name>小明</name>
  <age>18</age>
  <gender>男</gender>
</student>
```

jsx react允许 我们在 js中写 标签 （react自动将你写的标签，在运行前 编译成虚拟dom（对象结构））

jsx存在意义：
  react 组件模板结构（视图结构），只能允许使用 虚拟dom(js对象)，如果真的在组件写虚拟dom，写法过于复杂 react提供了jsx

## jsx使用 js语法 
明确：jsx 最终渲染真实dom jsx内容 如果使用js 只能出现表达式
想要在 jsx中 想要使用js 就写 {} 在{}可以出现 任意js语法 只要是表达式即可