Question

我想要在我的组件中表示两个数据集的数组：

Comparable

这是我的组件

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>
    )
  }

如何将两者传递给图表组件的数据？

Answer 1

data不是保留属性，例如style。如果要单独传递道具，可以不同地命名道具。

render() {
  return (

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

  )
}

或者，您可以将数据合并到一个数组中。

render() {
  return (

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

  )
}

React中的数据集表示

1 个答案: