Получение данных из компонента TableRow в пользовательском интерфейсе материалов

Question

Я использую компонент Table в новейшей версии пользовательского интерфейса Material, и я не уверен, как я должен получать данные из строки таблицы при ее выборе.

В документации упоминается опорный элемент для компонента 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 }); 
}