Javascript 从数组映射数据

我试图映射一些存储在数组中的数据（下面的屏幕截图），但似乎无法访问它们。我得到了两张卡片（这是正确的，因为数组中有两个数组），但是它们没有任何内容。有人知道为什么吗

{this.state.serials.map((number) => (
            <Card>
              <Card.Body>{number.s.l}, {number.s.ta}</Card.Body>
            </Card>
          ))}

{this.state.serials.map（（数字）=>(
{number.s.l}，{number.s.ta}
))}

提前谢谢

*编辑： 这是我在console.log（number.s）中得到的结果：

---

number.s

是一个数组

{this.state.serials.map((number) => {
    return number.s && number.s.length? (<Card>
      <Card.Body>{number.s[0].l}, {number.s[0].ta}</Card.Body>
    </Card>
  ) : null
})}

{this.state.serials.map（（数字）=>{
返回number.s&&number.s.length(
{number.s[0].l}，{number.s[0].ta}
)：null
})}

状态

序列的结构如下所示


let数据=[
{ 
s:[
{l:-127，ta:“878”，d:[1]}
]
},
{ 
s:[
{l:22.5625，ta:“003”，d:[1]}
]
},
];
控制台日志（数据）
尝试以下操作：
{number.s[0].l}，{number.s[0].ta}
当我尝试时，我遇到一个错误-无法读取未定义的属性“l”。当我尝试时，我遇到一个错误-无法读取未定义的属性“l”。请确保number.s包含带有ternery的元素。我将在第二时间编辑帖子如果它不起作用，请尝试console.log（number.s）并将其发布到此处我编辑了问题并添加了console.log（number.s）您是否尝试过我的解决方案，但它不起作用？还可以尝试console.log（number.s[0]），不幸的是，当我尝试时，出现了一个错误-无法读取undefined的属性“l”，就像在其他情况下一样。