Как вставлять модалы, когда кнопка на моем столе нажата - PullRequest
Новая
       45

Как вставлять модалы, когда кнопка на моем столе нажата

0 голосов
/ 29 января 2020 
import React, { Component } from 'react';
import { Card, CardBody, CardHeader, Col, Row, Button } from 'reactstrap';
import rows from './DataChart';
import { MDBDataTable } from 'mdbreact';

const data = {
    columns: [
      {
        label: 'ID',
        field: 'id',
        sort: 'asc',
      },
      {
        label: 'Name',
        field: 'name',
        sort: 'asc',

      },
      {
        label: 'Registered',
        field: 'registered',
        sort: 'asc',
      },
      {
        label: 'Role',
        field: 'role',
        sort: 'asc',
      },
      {
        label: 'Status',
        field: 'status',
        sort: 'asc',
      },
      {
        label: 'Action Button',
        field: 'action',
      },
  ],
    rows: rows,
};

class App extends Component{

   render(){
     return (
      <div className="text-center animated fadeIn">
          <Row>
            <Col xs="12" ls="6">
              <Card>
                <CardHeader>
                  <i className="fa fa-align-justify"></i>Table
                </CardHeader>
                <CardBody>
                  <MDBDataTable
                    bordered
                    hover
                    data={data}
                  />
                </CardBody>
              </Card>
            </Col>
          </Row>
        </div>
      );
    }
  }

export default App;

Я хочу добавить некоторые модалы в строку 'label: action', как это сделать? В «./Datachart» я уже делаю некоторые данные и в строке действия я делаю некоторые кнопки, но модалы не хотят всплывать. Как вы думаете, может быть, есть другой способ открыть мод и получить идентификатор того, какую строку пользователь нажимает на кнопку?

...