react 构建登陆界面
现在,还可以使用名为ReactJavaScript库来构建用户界面。 这是我们可以用来构建UI组件的工具。 特别是用于创建单页应用程序。
为什么要React?
React是一个开源JavaScript库。
- 它允许我们创建可重用的组件。
- React是快速,简便且可扩展的。
- React具有单向数据绑定。
- 它提供了一个内存中的数据结构缓存。
- 易于测试。
- 通过使用react,我们可以创建大型应用程序,这些应用程序可以更改数据而无需重新加载页面。
请参阅下图以更好地了解:
React能够呈现更改或受影响的组件,而不会干扰其他组件,这意味着它无需呈现整个页面,而只会呈现更改的部分。例如,如果要更改react组件中的h1标签,则在保存后,您可以看到整个页面在每次更改时都会呈现。 但实际上,React库仅呈现实际更改的组件。
React中涉及的实体:
零件:
组件是可重用UI的声明性代码。 一个组件可以通过道具与其他组件交互以创建复杂的UI。 组件可以是类组件或功能组件
州:
状态代表应用程序的当前状态。状态是类组件的私有状态,并且由该组件完全控制。 功能组件不包含状态。
道具:
道具是可以从较高组件传递到较低组件的值或参数。
让我们开始创建一个React应用程序:
要创建React应用程序,您需要在计算机上安装node和npm。
然后,安装依赖项:
npminstall -g create -react-app
create-react-app是学习React的环境,是开始构建新的单页应用程序的好方法。
它设置了开发环境,以便我们可以使用最新JavaScript功能。
您可以选择以下方法之一来创建新应用:
npx
npx create-react-app my-app
( npx是一个包运行器工具。它带有npm 5.2和更高版本)
npm
npm init