Question

如何运行map函数我正在尝试map函数，但是它抛出错误，无法读取Reactjs中未定义的map属性。

我正在React JSX组件中尝试执行以下操作

const data = {
    Details: [
{       
        "id": "6f12",
        "nextPart": {
          "id": "1ae2",
          "text": "Details",
          "heading": "twice data and staff memeber",
          "checks": [
            {
              "value": "A"
            },
            {
              "value": "B"
            }
          ],
          "Types": "Error"
        },
        "conclusion": "final"
    }
    ]
  }

Answer 1

nextPart属性是object，而不是array。地图适用于数组。如果您的Details是一个对象数组（看起来确实如此），则可以这样做

{data.Details.map((item) => {
    const { text, heading, checks } = item.nextPart;
    return (
      <div>
        <div>{text}</div>
        <div>{heading}</div>
        <div>
          {checks.map(({ value }) => (
            <div>{value}</div>
          ))}
        </div>
      </div>
    );
  })}

如何在Reactjs中运行map函数？

1 个答案: