如何使用Javascript在表中循环？

我有一个需要动态添加数据的表，需要的列数取决于有多少服务提供商。我想循环遍历表的tr和td，但现在我只是想在表中添加一个forEach语句，但我得到了以下错误：未捕获不变冲突：对象作为React子对象无效：找到了键的对象

有人知道如何使用React或Lodash进行此操作吗

          <table className='table-body'>
            <tbody>
              {
                forEach(leadServiceProviderComparison.response.assignedServiceProviders, (provider) => {
                  console.log('provider: ', provider);
                })
              }
              <tr style={{height: '65px'}}>
                  <th>Gatlin Plumbing &#38; Heatings</th>
                  <th>St. John Plumbing, Inc.</th>
                  <th>Budget Right Handyman</th>
                  <th>Plumbing Company</th>
              </tr>

车身内部：

你不能那样使用forEach。 如果您想循环使用从数据API获得的一系列内容，请尝试使用map

Map在所有阵列上都受支持，因此不需要Lodash

---

请参见示例。

您从哪里获取数据？您的程序中有硬编码数组吗？你是从数据库中提取的吗？API？您不应该在react中循环标记，它应该是数据驱动的。这意味着您应该循环使用数据集来呈现标记。我不太清楚React，但据我所知，没有全局forEach函数。你必须在你的数组中调用它，或者在你的lodash导入变量中调用它。我同意Isaac的观点。如果您是从数据库或API中提取，则可能需要从JSON转换来读取它。如果它是硬编码数组，您可以直接在其上循环。然后，您可以使用map或forEach创建名为Provider之类的组件的多个副本。这是一个硬编码的json文件，我们目前正在使用它作为伪数据。我试图循环通过一个数据集来呈现表的trs和tds。我在我的问题中添加了一个图像，表明它可以很好地记录提供者。它可以使用forEach循环遍历数据集并输出日志，但它的这个对象错误在找到React子对象时无效：对象具有我不理解的键。FWIW，不建议将索引作为键。而“return”关键字是多余的，因为您要将整个内容包装在大括号中，箭头函数会隐式地重新运行。

    {
              leadServiceProviderComparison.response.assignedServiceProviders.map((provider,index)=>return(
                 <tr key={index} style={{height: '65px'}}>
                      <th>Gatlin Plumbing &#38; Heatings</th>
                      <th>St. John Plumbing, Inc.</th>
                      <th>Budget Right Handyman</th>
                      <th>Plumbing Company</th>
                  </tr>
);)
    }