当前位置: 首页 > 知识库问答 >
问题:

"...this.props"在ReactJS中是什么意思?[重复]

冯曾笑
2023-03-14

{...this.props}在这段代码中是什么意思?

<div {...this.props} style={{ height: `100%`, }}

共有3个答案

孙玺
2023-03-14

{…this.props}表示当前组件的所有props。假设在props中有对象a和对象b,而{…this.props}表示a和b。您可以使用此功能将当前组件的所有道具传递给另一个组件

嵇丰
2023-03-14

我想可能是扩散算子(三个点)引起了你的注意?:)

反应中的三个点是做什么的?

编辑:详细说明一下,您可能正在查看JSX模板?每个属性实际上都是结果HTML中样式属性的CSS属性。此外,spread运算符使this.props中的所有属性都得到扩展,即,与this.props中的每个属性在模板中显式输出的情况相同。

鞠源
2023-03-14

{...变量}语法称为传播属性。

基本上,它接受this.props(或任何其他传递的变量)的每个属性,并将它们应用于元素。

示例:

props = {className: 'big', href: 'http://example.com'};

<a {...props} />
// the above line is equal to the following
<a className="big" href="http://example.com" />
 类似资料:
  • 问题内容: 的意义是什么 我正在尝试那样使用它 问题答案: 它被称为传播属性,其目的是使道具的传递更加容易。 让我们假设您有一个接受N个属性的组件。如果数量增加,将这些信息传递下去可能是乏味且笨拙的。 因此,您可以这样做,将它们包装在一个对象中并使用扩展符号 它将把它解压缩到组件上的props中,即,仅当将props传递给另一个组件时,才“永远” 在函数内部使用。照常使用打开包装的道具。

  • 问题内容: 我写Java已有一段时间了,今天我遇到了以下声明: 请注意数组声明中的“点点点”,而不是通常的括号[]。显然可以。实际上,我写了一个小测试并验证了它的有效性。因此,我提取了Java语法,以查看参数声明语法的位置,但未找到任何内容。 那么对那里的专家来说,这是如何工作的呢?它是语法的一部分吗?另外,虽然我可以像这样声明函数,但不能像这样在函数体内声明数组。 无论如何,您知道在哪里记录了此

  • 但是得到了错误:

  • 我很难理解<代码> 结果是15 但是怎么会变成15呢?

  • 请帮助我理解这个表达是什么意思?

  • 我不知道问号(< code >?)在java里代表,我在做一个小程序,一个Nim-game。我们在一本书里寻求帮助,看到了这样一句话: 我不明白,表示,它可以与if语句有关但您将其放在变量中吗?并且可以是“其他”?(我刚才说的这些事情可能会很误导)