React中如何动态创建表格行？代码语法错误求助

你的代码报错是因为**map方法的箭头函数语法不完整**——返回对象的括号没有正确闭合，导致JavaScript解析器无法识别合法的对象结构。

错误代码的核心问题 #

在rows: users.map((user) => ({ ... }))这一行，你只写了左括号(来包裹返回的对象，但缺少了对应的右括号)闭合对象，同时也没给箭头函数本身补上闭合括号，直接导致语法解析失败。

修正后的完整代码 #

return {
    columns: [
      { Header: "Mitglied", accessor: "name", width: "45%", align: "left" },
      { Header: "Rolle", accessor: "function2", align: "left" },
      { Header: "Status", accessor: "status", align: "center" },
      { Header: "Seit", accessor: "employed", align: "center" },
      { Header: "action", accessor: "action", align: "center" },
    ],
    rows: users.map((user) => ({
        name: <User image={team2} name={user.firstName} email="mail@me.com!" />
    })) // 补上缺失的两个闭合括号：一个闭合对象，一个闭合map的箭头函数
  };

额外优化建议 #

• 如果users可能为undefined或null，建议用可选链操作符避免报错：users?.map(...)
• 若要匹配所有列的字段，可在map中补充完整行数据：

  rows: users.map((user) => ({
      name: <User image={team2} name={user.firstName} email="mail@me.com!" />,
      function2: user.role, // 假设user对象包含role字段
      status: user.status,
      employed: user.joinDate,
      action: <button>编辑</button>
  }))
  

内容的提问来源于stack exchange，提问作者m0nk3y