2017-09-14 19 views
0

ReactでSemantic UIを使用してレンダリングするテーブルから値を取得しようとしています。私は不変のリストを使用して私の行を生成し、私はユニークなid値へのアクセスを与えるonclickが必要です。私は私のコールバックで値を抽出するために私の試みをログに記録すると、私が手:SemanticのReact Tableコンポーネントを使用してテーブル行のクリックからデータを取得する方法

'bff3a3e9-489e-0e19-c27b-84c10db2432b' TDタグに包まれ

関連するコード:

handleRowClick = (scen) => { 
 
    console.log(Object.keys(scen.target)); 
 
    console.log(scen.target.); 
 
    } 
 

 
    mapScenarios =() => { 
 
     return ((scen, i) => { 
 
     return(
 
      <Table.Row key = {scen.get('id')} onClick = {this.handleRowClick}> 
 
      <Table.Cell 
 
       children={scen.get('id') || '(No ID)'} 
 
      /> 
 
      <Table.Cell 
 
       children={scen.get('name') || '(No Name)'} 
 
      /> 
 
      <Table.Cell 
 
       children={scen.get('actions').size === 0 ? 'none' : `${scen.get('actions').size} action(s)`} 
 
      /> 
 
      </Table.Row> 
 
     ) 
 
     }) 
 
    }

答えて

-1

反応のセマンティックUIでは、行のクリックはうまく実装されません。行をクリックすると、実際には私が望んでいない行からCELLの値が得られますが、Idを含むセルをクリックしていたので、それがうまくいったと思いました。ここに回避策があります。

<Table.Row key = {scen.get('id')} onClick={() => this.props.tableRowClickFunc(scen.get('id'))}>

関連する問題