📅  最后修改于: 2020-12-19 08:33:31        🧑  作者: Mango

反应事件事件是可能由于用户操作或系统生成的事件而触发的操作。例如，单击鼠标，加载网页，按下键，调整窗口大小以及进行其他交互都称为事件。React有自己的事件处理系统，该系统与处理DOM元素上的事件非常相似。反应事件处理系统称为合成事件。合成事件是浏览器本地事件的跨浏览器包装。处理带有React的事件与处理DOM上的事件有一些语法上的区别。这些是：React事件被命名为camelCase而不是小写。...

📅  最后修改于: 2020-12-19 08:34:31        🧑  作者: Mango

反应条件渲染在React中，我们可以创建多个组件来封装所需的行为。之后，我们可以根据某些条件或应用程序的状态来渲染它们。换句话说，根据一个或几个条件，组件决定它将返回哪些元素。在React中，条件渲染的工作方式与JavaScript中的条件工作方式相同。我们使用JavaScript运算符创建表示当前状态的元素，然后React Component更新UI使其匹配。从给定的场景中，我们可以了解条件渲染...

📅  最后修改于: 2020-12-19 08:35:25        🧑  作者: Mango

反应清单列表用于以有序格式显示数据，主要用于显示网站上的菜单。在React中，可以使用类似于在JavaScript中创建列表的方式来创建列表。让我们看看如何在常规JavaScript中转换列表。map()函数用于遍历列表。在下面的示例中，map()函数采用数字数组并将其值乘以5。我们将map()返回的新数组分配给变量multipleNums，并将其记录下来。例输出量上面的JavaScript代码将...

📅  最后修改于: 2020-12-19 08:36:23        🧑  作者: Mango

反应键密钥是唯一的标识符。在React中，它用于标识哪些项目已更改，更新或从列表中删除。当我们动态创建组件或用户更改列表时，这很有用。它还有助于确定需要重新呈现集合中的哪些组件，而不是每次都重新呈现整个组件集。应该在数组内部提供键，以使元素具有稳定的标识。选择键作为唯一标识列表中项目的字符串的最佳方法。用下面的例子可以理解。例如果没有用于呈现项目的稳定ID，则可以将项目索引分配为列表的键。可以在下...

📅  最后修改于: 2020-12-19 08:37:24        🧑  作者: Mango

反应参考Refs是React中用于引用的简写。它类似于React中的键。它是一个属性，可以存储对特定DOM节点或React元素的引用。它提供了一种访问React DOM节点或React元素以及如何与之交互的方法。当我们要更改子组件的值而无需使用道具时，可以使用它。何时使用参考在以下情况下可以使用引用：当我们需要DOM测量时，例如管理焦点，文本选择或媒体播放。它用于触发命令式动画。与第三方DOM库集...

📅  最后修改于: 2020-12-19 08:38:18        🧑  作者: Mango

反应片段在React中，每当要在屏幕上渲染某些东西时，都需要在组件内部使用render方法。此render方法可以返回单个元素或多个元素。 render方法一次只能渲染其中一个根节点。但是，如果要返回多个元素，则render方法将需要一个'div'标签并将整个内容或元素放入其中。 DOM的这个额外节点有时会导致您的HTML输出格式错误，并且也未被许多开发人员所喜爱。例为了解决这个问题，React引...

📅  最后修改于: 2020-12-19 08:39:34        🧑  作者: Mango

反应路由器路由是一个过程，其中根据用户的操作或请求将用户定向到不同的页面。 ReactJS Router主要用于开发单页Web应用程序。 React Router用于在应用程序中定义多个路由。当用户在浏览器中键入特定的URL，并且此URL路径与路由器文件中的任何“路由”匹配时，该用户将被重定向到该特定的路由。React Router是在React之上构建的标准库系统，用于使用React Route...

📅  最后修改于: 2020-12-19 08:40:37        🧑  作者: Mango

React CSSReact中的CSS用于设置React App或组件的样式。样式属性是React应用程序中样式设置最常用的属性，它会在渲染时添加动态计算的样式。它接受camelCased属性中的JavaScript对象，而不是CSS字符串。有多种方法可以使用CSS向您的React App或组件添加样式。在这里，我们将主要讨论样式化React组件的四种方式，如下所示：内联样式CSS样式表CSS模块...

📅  最后修改于: 2020-12-19 08:41:37        🧑  作者: Mango

反应动画动画是一种将图像处理为运动图像的技术。它是制作交互式Web应用程序最常用的技术之一。在React中，我们可以使用称为React Transition Group的显式组件组添加动画。React Transition Group是用于管理组件状态的附加组件，对于定义进入和退出的过渡很有用。它本身不能对样式进行动画处理。相反，它公开了过渡状态，管理类和组元素，并以有用的方式操纵DOM。它使视觉...

📅  最后修改于: 2020-12-19 08:42:43        🧑  作者: Mango

React Bootstrap单页应用程序在最近几年变得越来越流行，因此引入了许多前端框架，例如Angular，React，Vue.js，Ember等。因此，jQuery并不是构建Web应用程序的必要要求。如今，React拥有用于构建Web应用程序的最常用的JavaScript框架，而Bootstrap成为最受欢迎的CSS框架。因此，有必要学习在React应用程序中可以使用Bootstrap的各种...

📅  最后修改于: 2020-12-19 08:43:37        🧑  作者: Mango

反应图映射是一种数据收集类型，其中数据以成对的形式存储。它包含一个唯一的密钥。映射中存储的值必须映射到键。我们不能在map()中存储重复的对。这是因为每个存储密钥的唯一性。它主要用于快速搜索和查找数据。在React中，?map?用于遍历和显示组件相似对象列表的方法。映射不是React的功能。而是可以在任何数组上调用的标准JavaScript函数。 map()方法通过在调用数组中的每个元素上调用提供...

📅  最后修改于: 2020-12-19 08:44:32        🧑  作者: Mango

反应表表格是一种将信息组织成行和列的布置。它用于以结构化格式存储和显示数据。react-table是为React构建的轻量级，快速，完全可定制的(JSX，模板，状态，样式，回调)和可扩展的Datagrid。它可以通过可选的props和callbacks完全控制。特征它轻巧，只有11kb(样式仅需要2kb)。它是完全可定制的(JSX，模板，状态，样式，回调)。它可以通过可选的props和callba...

📅  最后修改于: 2020-12-19 08:45:26        🧑  作者: Mango

反应高阶组件也称为HOC。在React中，HOC是用于重用组件逻辑的高级技术。它是一个接受组件并返回新组件的函数。根据官方网站的说法，它不是React API的功能(部分)，而是一种模式，它是从React的组成性质中产生的。它们类似于用于向现有组件添加其他功能的JavaScript函数。高阶组件函数接受另一个函数作为参数。地图函数是了解这一点的最佳示例。其主要目的是将组件逻辑分解为更简单和更小的功...

📅  最后修改于: 2020-12-19 08:46:23        🧑  作者: Mango

反应代码拆分React应用程序使用Webpack或Browserfy之类的工具捆绑了文件。捆绑是一个过程，需要多个文件并将它们合并为一个文件，称为bundle。该捆绑包负责一次在网页上加载整个应用程序。我们可以从以下示例中了解它。App.jsmath.js捆绑文件如下：随着我们应用程序的增长，我们的捆绑软件也将增长，尤其是当我们使用大型第三方库时。如果捆绑包尺寸变大，则需要很长时间才能加载到网页上...

📅  最后修改于: 2020-12-19 08:47:20        🧑  作者: Mango

反应上下文上下文允许通过组件树传递数据，而无需在每个级别手动传递道具。在React应用程序中，我们通过道具以自上而下的方式传递数据。有时，这对于React应用程序中许多组件所需的某些类型的道具很不方便。上下文提供了一种在组件之间传递值的方法，而无需在组件树的每个级别上显式传递支持。如何使用上下文在React应用程序中使用React上下文有两个主要步骤：设置上下文提供程序并定义要存储的数据。每当需要...