主页 / 问题 / 840800
Accepted
keltkelt
Asked:2020-06-12 03:56:56 +0000 UTC2020-06-12 03:56:56 +0000 UTC

如何从对象或数组传递道具？

  • 772

我看到了这个设计：

    <Component
      {...props}
      anotherprop={a.b}
    />

像这样发送值应该是什么结构？一个简单的对象不适合...

我在标签中注明了 React.js，因为可能原理类似。

reactjs

1 个回答

  1. Best Answer

    一切都应该开箱即用。也就是说，以下代码结构将是有效的，并且不应导致错误。第一个选项是将数组作为道具传递：

    <Component arrayProperty={['one', 'two', 'three', 'four']} />

    第二个选项，例如，我们将在状态中存储一个数组，我们可以通过指定数组所在变量的名称来简单地将其转移到那里：

    constructor(props) {
  super(props);
  this.state = { arr: ['one', 'two', 'three', 'four'] }
}

...

<Component arrayProperty={this.state.arr} />

    以状态显示为例。同样，它可以是包含数组的对象的属性，也可以是组件的静态属性。没关系，一切都会好起来的。你至少可以map写而不是改变，一切都会奏效。

    • 1

相关问题