Material UIのTableRowコンポーネントからデータを取得

Question

最新のMaterial UIでTableコンポーネントを使用していますが、選択時にテーブルの行からデータを取得する方法がわかりません。

文書にはonRowSelectionという表コンポーネントの小道具が記載されていますが、選択された行のみにRowNumberが与えられます。

どうやってこれを使うのですか？私はあなたが何を言っているのか理解していません...同じTableRowのRowNumber小道具だけを使ってTableRowに設定されている重要な小道具。

次のコードは、私はテーブル自体をレンダリングし、キーを割り当てています方法を示しています。

handleSelect(id) { 
    console.log(id); 
    this.props.dispatch({ type: 'SET_SELECTED_USER', user: id }); 
} 

renderUsers() { 
    if (this.props.users && this.props.currentUser) { 
    const currUser = this.props.currentUser.username; 
    const userList = this.props.users.map((user) => { 
     if (currUser !== user.username) { 
     return (
      <TableRow key={user._id}> 
      <TableRowColumn>{user.username}</TableRowColumn> 
      <TableRowColumn>{user.roles[0]}</TableRowColumn> 
      </TableRow> 
     ); 
     } 
    }); 
    return userList; 
    } 
} 

私はちょうどその時、選択された行のRowNumber関数は全く私を助けることになっているか理解していません代わりに行のキーにアクセスする必要があります。

本当にありがとうございます。ありがとう！表のための

ドキュメント：http://www.material-ui.com/#/components/table

Answer 1

あなたはあなたのユーザーの配列（this.props.users）にインデックスとして行番号を使用することができます。

handleSelect(userIndex) { 
    const currUser = this.props.currentUser.username; 
    const users = this.props.users.filter(user => user.username !== currUser) 
    this.props.dispatch({ type: 'SET_SELECTED_USER', user: users[userIndex].id }); 
}