ReactJS 于 2011 年由科技巨头 Facebook 创建。
React 库用于构建动态用户界面，并通过将用户界面的各个方面分成所谓的“组件”来工作。
在本文中，Tipsmake 将带您了解有关 React 及其组件的所有信息。
什么是 ReactJS？
React（也称为 ReactJS）是一个开源 JavaScript 库，经常被错误地称为框架。这是因为 React 是 AngularJS 和 VueJS 等顶级 JavaScript 框架的直接竞争对手。
React 是一个库，因为它在其他特定于框架的功能中没有路由机制。但是，可以安装 react-router 等工具并与库一起使用以实现框架功能。
React 与 Angular/Vue 等框架的关系比与 jQuery 等语言中的其他库的关系更密切。
使用 ReactJS 有什么好处？
开发人员出于各种原因使用 React。有些人使用它来提高速度和性能。其他人使用 React 仅仅是因为它的流行。但是，所有开发人员都可以欣赏使用框架的三个主要好处。
- React 允许您使用具有状态和数据的所谓“可重用组件”构建界面。
- React 使用 JavaScript 语法扩展 (JSX)，允许用户编写动态 HTML。
- 它使用虚拟文档对象模型 (VDOM)，允许开发人员更新网页的特定部分，而无需重新加载页面。
什么是 ReactJS 组件？
React 将用户界面的每个部分都视为一个组件。组件有自己的状态、方法和功能。
它们允许开发人员将用户界面分成特定的部分，这些部分可以轻松组合以创建复杂的用户界面。因此，如果您想创建一个客户管理工具，用户界面的一个组件可以专用于添加新客户，而同一用户界面的另一个组件可以保留。显示客户列表。
在最简单的形式中，每个组件都是一个 JavaScript 类或函数。它们接受称为“props”的输入值，并将用户界面的特定方面作为 React 元素返回。对于某些开发人员来说，将组件定义为函数比将其定义为类更简单。然而，在 React 中使用任何一种方法都可以获得相同的输出。
使用函数实例创建组件
function Customer() { return (
保罗威尔逊
- 电话：222-222-2222
- 电子邮件：[电子邮件保护]
- 余额：0.00 美元
); } 导出默认客户；
使用类实例创建组件
从'react'导入React； class Customer extends React.Component { render() { return (
保罗威尔逊
- 电话：222-222-2222
- 电子邮件：[电子邮件保护]
- 余额：0.00 美元
); } } 导出默认客户；
从上面的示例中可以看出，当您使用类创建组件时会发生很多事情。首先要注意的是，在创建类组件时必须使用 render() 函数。
如您所知，您不能直接从类中返回，因此 render() 对此有所帮助。
开发人员可能选择使用类而不是函数的主要原因是类具有状态，但由于钩子的出现，React 函数现在也可以具有状态。
0 评论