ReactJ如何将当前listitem的嵌套数组呈现为select

Question

我正在使用React App，我收到一个包含特定日期和时间段的数组，例如这些天中的每一天都有特定的时间段。现在，我在列表中渲染数组并切换“活动”类。另外我想将特定的时间段作为SparkSession内的选项进行渲染，但我不知道如何实现它？另外，我想仅显示例如五天，可以“加载”更多天，最后如何在选择一天+一个时间段时更改状态？

我在这里用我当前的代码

创建了一个jsFiddle

这是我到目前为止所得到的：

<select>

欢迎任何建议： - ）

Answer 1

您可以从activeItem状态渲染选项，如

  <select>
       {this.state.activeItem && this.state.activeItem.timeSlots.map((slot, index)=> {
           return <option key={index} value={slot}>{slot}</option>
       })}
  </select>

<强> Working fiddle