React 入门（react框架）

目录

一、什么是React？

二、React的安装方式

(1)静态HTML文件

(2)创建React应用

三、React开发人员工具

四、JSX：JavaScript + XML

五、组件

六、Props

七、state

八、提交表格数据

九、提取API数据

十、构建和部署React应用

一、什么是React？

React是一个JavaScript库-最受欢迎的JavaScript库之一，在GitHub上有超过100,000个星。

React不是一个框架（与Angular不同，后者更自以为是）。

React是Facebook创建的一个开源项目。

React用于在前端构建用户界面（UI）。

React是MVC应用程序的视图层（模型视图控制器）

其中一个发生反应的最重要的方面是，你可以创建组件，这是一样的自定义，可重复使用的HTML元素，快速，高效地构建用户界面。React还使用state和props简化了数据的存储和处理方式。

二、React的安装方式

（1）静态HTML文件

第一种方法不是设置React的流行方法，也不是本教程其余部分的工作方式，但是如果您曾经使用过jQuery之类的库，它将是熟悉且易于理解的，如果您不熟悉Webpack，Babel和Node.js，那么这是最恐怖的入门方法。

让我们开始制作一个基本index.html文件。我们将在headReact，React DOM和Babel中加载三个CDN 。我们还将创建一个div名为的ID root，最后我们将创建一个script标签，您的自定义代码将在其中存在。