Добавление в каждую строку таблицы переключателя, который при выделении и нажатии кнопки «Принять» должен быть сохранен в БД - PullRequest
Новая
       13

Добавление в каждую строку таблицы переключателя, который при выделении и нажатии кнопки «Принять» должен быть сохранен в БД

0 голосов
/ 15 марта 2019

У меня есть таблица, которая отображает содержимое MongoDB.Я хочу добавить переключатель в каждую строку таблицы (в первом столбце).Когда выбран переключатель и нажата кнопка «Принять», вся выбранная строка должна быть сохранена в БД.Вот часть моего кода,

showTable.js 

import Table_display from './Table_display';
export default class Table extends Component {

tabRow(){
    return this.state.product_info.map(function(object, i){
        return <Table_display obj={object} key={i} />;
    });
}

render() {
  return (
    <div>
    <Heading level="3" textAlign="center" >List</Heading>
      <br />
        <Table>
          <TableHeader>
            <TableRow>
                <TableCell >User Name</TableCell>
                <TableCell >Product Name</TableCell>
                <TableCell >Role Name</TableCell>
                <TableCell >Status</TableCell>
            </TableRow>
          </TableHeader>
          <TableBody>
            { this.tabRow() }
          </TableBody>
        </Table>
    </div>
    );
  }
}

Table_display.js 

    class default class Table_display extends Component {
       render() {
          return (
             <TableRow>
               <TableCell>
                 <Text>{this.props.obj.email}</Text>
               </TableCell>
               <TableCell>
                 <Text>{this.props.obj.prod_name}</Text>
               </TableCell>
               <TableCell>
                 <Text>{this.props.obj.role_name}</Text>
               </TableCell>
               <TableCell>
                 <Text>{this.props.obj.status}</Text>
               </TableCell>
             </TableRow>
         );
      }
  }

Rightтеперь я получаю этот вывод, 

User Name   Product Name    Role Name   Status
ABC          X               Y          Active
DEF          Q               T          Inactive

, но мне нужен следующий вывод, 

Radio button    User Name   Product Name    Role Name   Status
   o            ABC          X               Y          Active
   o            DEF          Q               T          Inactive

Заранее спасибо.

...