跳到内容
保持联系
印度班加罗尔
[电子邮件 protected]
电话:+91 8919786847
工作查询
[电子邮件 protected]
电话:+91 8919786847
读13分钟

反应功能台湾宾果28开奖:与示例一起使用

  1. 首页
  2. 反应.js
  3. 反应功能台湾宾果28开奖:与示例一起使用

关于React功能台湾宾果28开奖的简介:

反应 Functional Component是当前在现代React应用程序中编写的当前必需台湾宾果28开奖。尽管过去已经有各种各样的 反应台湾宾果28开奖类型。但 当。。。的时候 反应钩 引入后,仅用将它们视为React台湾宾果28开奖的函数就可以编写我们的整个应用程序。  

在这里,我们将为您提供有关React功能台湾宾果28开奖的深入指南,实际上 JavaScript函数充当React台湾宾果28开奖。 反过来,这也提供了JSX(React的语法),以便在阅读本文后为您做好准备,以便您可以使用它们来实现现代的React应用程序。 

实际上,React中的功能台湾宾果28开奖是使您的React代码更易于测试并获得更好性能的一种方式。 反应中的功能台湾宾果28开奖是实现所有功能的最简单方法!但是,前提条件是您只需要对React有基本的了解,但是,ES6的先验知识也将派上用场。 

到目前为止,我们一直在借助 语法以及 渲染 方法。使用此方法,可以创建许多台湾宾果28开奖。虽然,我们确实有一种更小,更紧凑的方式来创建仅具有渲染的台湾宾果28开奖 方法。这被称为功能台湾宾果28开奖。可以肯定地说,功能台湾宾果28开奖没有任何状态。它们只是一些简单的函数,它们返回应在屏幕上显示的内容。传递给函数的第一个参数实际上是传递给台湾宾果28开奖的道具。

这是一个演示相同内容的示例:

大家都可以看到,我们正在导出一个函数,该函数接受一个对象,该对象实际上是传递给台湾宾果28开奖的道具。在这里,我们摧毁了道具,以拔出 onDayClicked 道具。在那之后,我们返回了与在我们的产品中完全一样的东西 渲染 像以前一样起作用。我们同意代码变得更小,更易于理解。甚至React团队也建议您使用此方法编写台湾宾果28开奖。

许多React开发人员还认为,功能台湾宾果28开奖将成为React团队肯定会在将来发布其他较新版本的Reacts时对其进行优化的工作之一。

因此,建议您尽可能在应用程序代码中使用功能台湾宾果28开奖。但是,这不是以这种方式重构台湾宾果28开奖的唯一方法。 

反应功能台湾宾果28开奖是什么意思?

反应中有两种主要类型的台湾宾果28开奖:

  • 功能台湾宾果28开奖
  • 类台湾宾果28开奖 

 

两者之间的区别在字面上是相当不错的。函数台湾宾果28开奖基本上是函数,而类台湾宾果28开奖是EcmaScript6类。对功能台湾宾果28开奖的唯一要求是接受prop作为参数,最后返回有效的JSX。考虑以下:

在那里,我们有了功能台湾宾果28开奖!缺乏 状态和生命周期方法 使这些类型的台湾宾果28开奖不同于类台湾宾果28开奖的主要因素是。这也是功能台湾宾果28开奖通常被称为无状态台湾宾果28开奖的原因。现在,如果我们必须在EcmaScript6中编写相同的台湾宾果28开奖,则将其编写如下:

如果您以前从未接触过ES6,那么您可能觉得这很荒谬。现在,我们将看到如何将其编写为类台湾宾果28开奖:

我们可以看到上述代码段仅与最基本的规则相矛盾,即 如果我们有一个仅具有一个render方法的类台湾宾果28开奖,则应始终将其作为功能台湾宾果28开奖。  

为什么要使用React功能台湾宾果28开奖?

您可能想知道为什么对真正删除功能的台湾宾果28开奖大惊小怪。与之相反,事实证明约束非常重要。以下6个原因可以告诉您为什么使用功能台湾宾果28开奖:

  • 台湾宾果28开奖的功能易于推断
  • 功能台湾宾果28开奖易于测试
  • 功能台湾宾果28开奖有可能带来更好的性能
  • 台湾宾果28开奖功能很容易调试
  • 功能台湾宾果28开奖可以一次又一次地重用
  • 台湾宾果28开奖的功能能够减少耦合

 

为什么不使用功能台湾宾果28开奖?

如果我们将功能台湾宾果28开奖视为锤子,那么必须了解并非每个问题都是钉子,这一点很重要。使用台湾宾果28开奖的功能并不能解决所有的React问题。为什么React也包含类台湾宾果28开奖是有原因的。 

可以使用的一般初步试验是 始终从功能台湾宾果28开奖开始。 如果您发现需要生命周期方法,或者只保留一小部分台湾宾果28开奖级别的状态,那重构一个类台湾宾果28开奖是极其琐碎的。但是,Facebook,Airbnb,Netflix等所有世界知名公司都在React中轻松使用功能台湾宾果28开奖,因为很明显,使用它的优点绝对大于缺点。

反应功能台湾宾果28开奖:

 

道具:

在这里,我们将学习带有props的React功能台湾宾果28开奖。在React中,道具用于将信息从一个台湾宾果28开奖传递到另一个台湾宾果28开奖。如果不了解React中的道具,请牢记的一点是,React中的道具总是沿台湾宾果28开奖树传递。道具是反应功能台湾宾果28开奖的参数,但是我们使用的台湾宾果28开奖可以保持通用性,以便我们运行反应功能台湾宾果28开奖。我们可以从外部决定我们要渲染的内容以及渲染台湾宾果28开奖时,可以在运行React功能台湾宾果28开奖时将prop作为台湾宾果28开奖的HTML属性传递。

在功能台湾宾果28开奖中,props对象可以用作函数签名中的参数。由于道具始终被视为对象,因此无论如何我们经常需要从道具中提取信息,因此在这种情况下JavaScript对象的销毁非常方便。

 

箭头功能台湾宾果28开奖:

在向我们介绍JavaScript ES6时,各种新的编码概念也被引入了JavaScript,因此也引入了React。其中一个示例是如何将JavaScript函数表示为lambda(也称为箭头函数)。这就是为什么功能台湾宾果28开奖也可能被称为箭头功能台湾宾果28开奖甚至Lambda功能台湾宾果28开奖的原因。让我们看一下带有箭头功能的重构React台湾宾果28开奖: 

现在,React中存在的两个箭头功能台湾宾果28开奖都使用功能块主体。但是我们可以通过非常简洁的主体使第二个台湾宾果28开奖更轻巧。它的作用是返回台湾宾果28开奖的输出,而不必在其间进行任何其他操作。当我们省略花括号时,发生的是,显式返回变为隐式,也可以将其忽略。 

当我们使用箭头台湾宾果28开奖运行反应功能台湾宾果28开奖时,道具没有变化。

 

无状态功能台湾宾果28开奖:

到目前为止,我们看到的所有台湾宾果28开奖都可以称为无状态功能台湾宾果28开奖。他们所做的是接收输入信号作为道具,然后将输出返回为jsx。如果道具可以提供任何输入,则有助于调整渲染的输出。这些类型的功能台湾宾果28开奖没有副作用,因为它们不管理状态,因此它们无法访问浏览器的本地存储。它们被称为功能性无状态台湾宾果28开奖,因为顾名思义,它们是无状态的并且可以由函数表示。但是,如果我们想在状态台湾宾果28开奖中运行,那么我们就有了反应钩子,甚至可以做到这一点。 

 

:

使使用状态成为可能的原因是任何功能台湾宾果28开奖中的react Hooks。可能将所有台湾宾果28开奖逻辑移至我们的其他功能,而不传递任何支持。状态是帮助我们使React Components更有趣的原因:

结论:

由于我们是在React中与React Hooks一起引入的,因此React Functional Component不再落后于Class Components。如果我们从功能角度看它们。在React的功能台湾宾果28开奖中,我们可以有状态,生命周期甚至是副作用。这就是为什么强烈相信React计划朝功能台湾宾果28开奖迈进的原因。与类别台湾宾果28开奖相比,它的重量非常轻。它甚至在React Hooks的帮助下为我们提供了非常复杂的API,用于可重用但又非常封装的逻辑。在本文中,我们向您介绍了从反应功能台湾宾果28开奖开始时几乎必须了解的所有内容。 

 

作者头像
QuikieApps
//www.qinheli.com.cn/blog
下一篇文章
反应事件:关于它的一切无所适从

最近的帖子

QuikieApps
张贴者 QuikieApps
2020年11月2日
QuikieApps
张贴者 QuikieApps
2020年11月2日

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记 *

我们使用cookie为您提供最佳体验。
Cookie政策