reactjs - React 中的座位计划生成器

Question

我正在寻找一个座位计划生成器来添加到我的网站。我的座位信息需要作为一个对象出现。我想据此绘制座位图。是否可以渲染如下所示的内容？

我也尝试过反应座位选择器。但不占用座位之间的空间

标签： reactjs

Answer 1

问题出在我的 CSS 文件中，注释空白属性将修复错误。

div.seat {
    background-color: green;
  }
  
  div.seat--reserved {
    background-color: rgb(209, 7, 7);
  }
  
  div.seat--selected {
    background-color: blue;
  }
  
  .seat-picker {
    margin: auto;
  }
  
  .seat-picker__row {
  }
  
  .seat-picker__row__number {
  }
  
  /* div.blank {
    display: none;
  } */