Javascript 使用.map创建列表

所以基本上我有这些数据：

const testMeasurments = [
  {
  data:[
  {name:"glucose",value:6,fill:'#57c0e8'},
  {name:"SpO2",value:5,fill:"#FF6565"},
  {name:"Blood Pressure",value:4,fill:"#FFDA83"},
  {name:"Body Weight",value:2,fill:"purple"}
  ]
}
]

我想从这些数据中创建一个无序的值列表。我需要的是这样的东西：

<ul>
{testMeasurments.map(s=>
        <li>{s.data.value}</li>
)}
</ul>

---

您需要在这两个数组上进行迭代，以获得您想要执行的操作

<ul>
  { testMeasurments.map(
    s => s.data.map(
      m => <li>{m.value}</li>
    )
  )}
</ul>

---

这里的

testmeasurements

与

Measurement[]

的形式相同。意思是

testmeasurements

是一个测量数组。每个测量都有一系列“结果”。这就是您试图访问的内部数组：）

您需要在这两个数组上进行迭代以获得您想要执行的操作

<ul>
  { testMeasurments.map(
    s => s.data.map(
      m => <li>{m.value}</li>
    )
  )}
</ul>

---

这里的

testmeasurements

与

Measurement[]

的形式相同。意思是

testmeasurements

是一个测量数组。每个测量都有一系列“结果”。这就是您试图到达的内部阵列：）

到目前为止，您是如何尝试实现这一目标的？到目前为止，您是如何尝试实现这一目标的？

interface Measurement {
  data: MeasurementResult[]
}
interface MeasurementResult {
  name: string
  value: number
  fill: string
}