Колоды карт Reactstrap не помещают карты в столбцы - PullRequest
Новая
       20

Колоды карт Reactstrap не помещают карты в столбцы

0 голосов
/ 13 марта 2020

Пытались часами сделать колоду из 3 колонок, добавив md={5} к col перед вызовом карты, но не сделают этого, результат тот же.

Добавлен метод render, если кто-то может обнаружить проблему, также попытался удалить код и попробовать простую карту, и, к счастью, никто не сталкивался с такой же проблемой? 

import React from "react";
import {
  Container,
  Card,
  CardText,
  CardBody,
  CardTitle,
  CardSubtitle,
  CardDeck,
  Row,
  Col,
  Button
} from "reactstrap";
import axios from "axios";

class test extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      orders: []
    };
  }

  render() {
    let cards = this.state.orders.map(item => {
      let prod = item.products.map(e => e.quantity + "x " + e.name);
      return (
        <div key={item._id}>
          <Col md={5}>
            <Card
              style={{
                border: "1px solid black",
                borderRadius: "10px"
              }}
            >
              <CardBody>
                <CardTitle>{item.date}</CardTitle>
                <CardSubtitle>{item._id}</CardSubtitle>
                <CardText>Products: {prod}</CardText>
                <Button onClick={this.done} id={item._id}>
                  Done!
                </Button>
              </CardBody>
            </Card>
          </Col>
        </div>
      );
    });
    return (
      <Container>
        <Row>
          <CardDeck>{cards}</CardDeck>
        </Row>
      </Container>
    );
  }
}
export default test;
...