React 组件实现表格一行显示6个选项的专项测试选择

要实现div表格一行显示6个选项，可以使用flex布局的方式来实现。

首先，将.table-container的display属性设为flex，并设置flex-wrap属性为nowrap，这样子元素就会在一行显示，超出部分会自动换行。

然后，通过设置.table-cell的flex-basis属性为calc(16.66% - 20px)，这样每个选项的宽度就会占据总宽度的1/6，并且减去20px的padding，保证每个选项之间有一定的间距。

最后，设置.table-cell的padding、box-sizing和border属性，以及添加box-shadow属性，可以调整选项的样式，使其看起来像一个表格。

完整代码如下：

.table-container {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.table-cell {
  flex-basis: calc(16.66% - 20px);
  padding: 10px;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 0 0 0.5px #ddd;
}

将以上CSS代码添加到index.less文件中即可实现div表格一行显示6个选项的效果。