javascript - クリック時に新しい React コンポーネント (チャートページ) を作成する

Question

私はreact.jsが初めてで、まだ練習中です

ユーザーがテーブルの行を選択したときに、ReChart コンポーネントを新しいページとしてレンダリングしたかった (データを視覚化するためだけに)。

私はこのようなことを試しました：

(タグが表示されなかったので、ここにセミコロンを挿入する必要がありました)

handleRowSelection(selectedRows) {
console.log('selectedRows: ' + selectedRows );
var myChart = React.createClass({
  render(){
      return(
         <MyChart value={selectedRows}>
       )
   }
})} 

export default class MyChart extends React.Component {
 constructor(props){
  super(props);
  }
  render(){
  //must be generic
  return(
  <LineChart
  data={this.props.value}
  margin={{ top: 40, right: 40, bottom: 20, left: 20 }}>
  <CartesianGrid vertical={false} />
  <XAxis dataKey="id" label="myDataChart" />
  <YAxis domain={['auto', 'auto']} label="attribute" />
  <Tooltip />
  <Line dataKey="attribute" stroke="#3f51b5" dot={false} />
  </LineChart>
  )
};

残念ながら、それは役に立ちませんでした。ここで推測はありますか？

前もって感謝します！