在时间下拉列表中反应js时间转换

Question

我需要在材质 UI 下拉列表中显示以下选项

从 5 到 60 的下拉菜单应该显示 5m、10m、15m、20m 等等，对于 720 和 1440，它应该显示 12h 和 24h 我正在使用下面的代码在 react 中设置 state

` let timeoption = "5,10,15,20,25,30,40,45,60,720,1440";
 setTimeOption(timeoption.split(',').map(option => {
    return {
        id: option,
        label: `${option}m`
    }
}));`

对于 720,1440 label 应该以“h”而不是“m”显示

let timeoption = "5,10,15,20,25,30,40,45,60,720,1440"; setTimeOption(timeoption.split(',').map(option => { return { id: option, label: let timeoption = "5,10,15,20,25,30,40,45,60,720,1440"; setTimeOption(timeoption.split(',').map(option => { return { id: option, label: ${option}m } }));

Answer 1

您可以使用 label 中的三元运算符根据时间值分配m或h 。

let timeoption = "5,10,15,20,25,30,40,45,60,720,1440";
setTimeOption(timeoption.split(',').map(option => ({
    id: option,
    label: `${option}${option <= 60 ? 'm' : 'h'}`
})));

这是生成的 output：

[
  { id: '5', label: '5m' },
  { id: '10', label: '10m' },
  { id: '15', label: '15m' },
  { id: '20', label: '20m' },
  { id: '25', label: '25m' },
  { id: '30', label: '30m' },
  { id: '40', label: '40m' },
  { id: '45', label: '45m' },
  { id: '60', label: '60m' },
  { id: '720', label: '720h' },
  { id: '1440', label: '1440h' }
]