Reactjs 在贴图中反应贴图，在对象中反应多个数组

我在这个对象的映射函数中有一个映射函数

let timelineElements=[{
    id: 2,
    title: "Backend Developer",
    location: "Skystead, Craonia",
    description: [
      "Recommend changes for reporting to enhance the overall monitoring of system, vulnerabilities and practices",

      "Built data pipeline that allowed automated and efficient way of reporting using Powershell scripting, Excel , SQL and Power BI that",
    ],
    buttonText: "View Backend Projects",
    date: "June 2013 - August 2016",
    icon: "work",
  },
  {
    id: 3,
    title: "Quality Assurance Engineer",
    location: "South Warren, Geshington",

    description: [
      "Recommend changes for reporting to enhance the overall monitoring of system, vulnerabilities and practices",

      "Built data pipeline that allowed automated and efficient way of reporting using Powershell scripting, Excel , SQL and Power BI that",
    ],
    date: "September 2011 - June 2013",
    icon: "work",
  }]

我已经准备好了

 {timelineElements.map((element) => {
     return (
    <p key={element.key}>
    {element.title}
    </p>
    {element.description && element.description.map((desc) => {return (<p key={desc}>{desc}</p>);
})}

)}

{timelineElements.map（（元素）=>{
返回(

{element.title}

{element.description&&element.description.map（（desc）=>{return（
{desc}
）；
})}
)}

我在描述项中添加了****以便您可以看到我试图访问数据的位置。 但在本申请中，说明书中没有****

我认为逻辑是成立的，它应该是有效的，但当我运行这个 我得到这个错误

---

任何帮助都将不胜感激！！

如果您不确定描述是否总是

[]

，有时您可能会得到

null

。然后您可以使用

可选链接

{element?.description && element.description.map((desc) => {return (<p key={desc}>{desc}</p>);

{element？.description&&element.description.map（（desc）=>{return（
{desc}
）；

如果您不确定描述是否总是

[]

，有时您可能也会得到

null

。那么您可以使用

可选链接

{element?.description && element.description.map((desc) => {return (<p key={desc}>{desc}</p>);

{element？.description&&element.description.map（（desc）=>{return（
{desc}
）；
{（元素？.description | |[]）.map（（desc）=>{return（
{desc}
）；
{（元素？.description | |[]）.map（（desc）=>{return（
{desc}
）；
错误是说您有一些
元素。description
不是数组或不是要调用
map
函数属性的对象。您的映射似乎也不是有效的JSX，这是一个完整的示例吗？似乎缺少什么？是否有任何内容更新
timelineElements
值？这是这不是完整的代码，而是如何实现的逻辑。我不得不缩短它，因为我的代码大约有100行，我不想让你读所有的代码。没有更新timelineElements值的内容。希望这回答了你的问题。你是从API调用获取timelineElements吗？好的，看来我们需要更多的上下文t、 从您共享的内容来看，没有任何东西会抛出错误，因此我假设您省略的代码中有更多的内容。它不需要是您的整个代码（顺便说一句，100行并不多），但我们应该看到
timelineElements
是在哪里声明的，所有更新它的逻辑（出于任何原因），一直到您试图渲染它的位置。沿着这条线的某个地方，它显示为
description
不是数组或可映射的对象。错误是说您有某个
元素。description
不是数组或不是要调用
map
函数属性的对象。您正在映射的对象似乎也不是有效的JSX，这是一个完整的示例吗？似乎缺少一些东西？是否有任何东西更新了
timelineElements
值？这不是完整的代码，而是它如何实现的逻辑。我必须缩短它，因为我的代码大约有100行，我不想让你阅读所有代码。没有任何东西更新timelineElements值。希望这回答了您的问题您是否从API调用中获取timelineElements？好的，似乎我们需要更多的上下文。从您共享的内容来看，没有任何东西会引发错误，因此我假设您省略的代码中有更多的内容。它不需要是您的整个代码（顺便说一句，100行并不多），但我们应该看看
timelineElements
是在哪里声明的，所有更新它的逻辑（出于任何原因），一直到您尝试渲染它的位置。沿着线条的某个地方，它出现了
说明
而不是数组或可映射对象。
数组。prototype.map
可以处理空数组而不会出现问题，前提是您尝试映射的实际上是数组。如果您想调整，只需要检查长度如果没有任何可映射的对象，请使用ally呈现其他UI。是的，但错误显示
。map
不是一个函数。但您所说的是正确的，我的第一个答案不需要。但是可选链接部分可能会有所帮助。可选链接仅在您引用的对象可能为null或未定义时才有帮助，它仍然可能失败如果定义了OP，但没有使用
map
属性作为函数调用的数组或对象，例如
description
是字符串或数字等，则OP会出错。是的，这就是为什么我在回答中提到它是否为空。但我怀疑这可能是因为他设置初始状态的方式。
array.prootype.map
可以毫无问题地处理空数组，前提是您试图映射的实际上是一个数组。如果您想有条件地呈现其他用户界面，而没有要映射的内容，则只需检查长度。是的，但错误表明
。map
不是一个函数。但您所说的是正确的。我的第一个答案不是needed。但是可选链接部分可能会有所帮助。可选链接仅在您引用的对象可能为null或未定义的情况下才有帮助。如果定义了OP，但没有使用
map
属性作为函数调用的数组或对象，例如
description
是字符串，或者数字，等等。是的，知道了，这就是为什么我在答案中提到它是否为空。但我怀疑这可能是因为他设置初始状态的方式。