萌新React基础知识（一）

目录

一、React基础

React介绍

环境初始化

第一步：

第二步：

第三步：

二、JSX基础

1.JSX介绍

2.JSX中使用js表达式

3.JSX列表渲染

4.JSX条件渲染

5.JSX样式处理

6.JSX注意事项

总结

---

一、React基础

React介绍

前端三大主流框架之一，React 应用程序是由 组件 组成的。一个组件是 UI（用户界面）的一部分，它拥有自己的逻辑和外观。组件可以小到一个按钮，也可以大到整个页面。

环境初始化

第一步：

打开命令行窗口 执行命令 npx create-react-app react-basic

出现npm命令则表示安装成功

说明：

1. npx create-react-app是固定命令，create-react-app是React脚手架的名称
2. react-basic表示项目名称，可以自定义，保持语义化
3. npx命令会帮助我们临时安装 create-react-app 包，然后初始化项目完成之后会自动删除，所以不需要全局安装 create-react-app

#启动项目
yarn start
or
npm start
#前者需要安装yarn 后者安装node就可

第二步：

用vscode打开文件

先了解package.json文件

第三步：

除去不重要的文件以及测试文件，了解核心代码

二、JSX基础

1.JSX介绍

2.JSX中使用js表达式

3.JSX列表渲染

4.JSX条件渲染

5.JSX样式处理

6.JSX注意事项

---

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了React的使用