Javascript React中的数据集表示

我有一个包含两个数据集的数组，我想在我的组件中表示它们：

export default [
 [
   [1, 3],
   [2, 5],
   [3, 2],
   [4, 16],
   [18, 5]
 ],
 [
   [1, 16],
   [2, 23],
   [3, 5],
   [4, 3],
   [5, 1]
 ]
];

这是我的组件

  render() {

    return (
      <div>
        <Graph data={this.props.datasets[0]} />
      </div>
    )
  }

---

如何将这两个属性都传递给图形组件的数据？

data

不是保留属性，就像

style

一样。如果您想单独传递道具，可以使用不同的名称命名道具

render() {
  return (

    <div>
      <Graph 
        dataOne={this.props.datasets[0]} 
        dataTwo={this.props.datasets[1]} 
      />
    </div>

  )
}

render（）{
返回(
)
}

---

或者，可以将数据合并到单个数组中

render() {
  return (

    <div>
      <Graph 
        data={this.props.datasets[0].concat(this.props.datasets[1])}
      />
    </div>

  )
}

render（）{
返回(
)
}

是否尝试将数据集合并到一个数组中？为什么不将

这个.props.dataset

作为

数据

道具发送呢？如果你能更清楚地知道你的预期输出是什么，以及你希望数据在传递到

数据

道具时采用什么形状，这会有所帮助。我不能这样做，我需要传递2个数据集扫描你只需将第二个道具命名为

数据

以外的东西？我不完全理解你的意思，试着用代码示例给出答案基本上我正在学习本教程，我正在尝试显示两个数据集，而不是在选项中选择。不幸的是，我不能，因为我需要使用数据，组件映射为this.props.data.mapi如果我使用数据两次，它将获得我在图形中传递的最后一个数据集，所以我只需要在组件中使用一个数据

render() {
  return (

    <div>
      <Graph 
        data={this.props.datasets[0].concat(this.props.datasets[1])}
      />
    </div>

  )
}