React 中的数据集表示

Question

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

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={this.props.datasets[0]} 
data={this.props.datasets[1]}

我如何将两者都传递到我的图形组件的数据？

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 中的数据集表示

Datasets representation in React

javascript

graph

dataset

reactjs