データセットの表現で反応

Question

私は2つのデータの配列が、私は私のコンポーネントで表現したいことを設定します：これは私が両方を表現することができるようにしたい私のコンポーネント

render() { 

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

ある

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

私のグラフのデータセット：

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> 

) 
}