对象项forEach不能正常工作。

Question

我有以下代码：

<tbody>
  {Object.entries(procedures).forEach(procedure => {
    const [key, value] = procedure
      return (
        <tr key={key}>
          <td className="pt-5">{key}</td>
          <td className="pt-5">
           <button type="button" onClick={() => openModal(value, true)}>
          </td>
        </tr>
      )
</tbody>

我甚至可以console.log(值，键)，确保回报，这似乎是正确的。如果我移除forEach，并将值/关键变量更改为另一件事，它也能工作。有人知道有什么问题吗？

Answer 1

Array.prototype.forEach()。无论您从何处返回，始终返回undefined。它。

尝试使用map

<tbody>
  {Object.entries(procedures).map(procedure => {
    const [key, value] = procedure
      return (
        <tr key={key}>
          <td className="pt-5">{key}</td>
          <td className="pt-5">
           <button type="button" onClick={() => openModal(value, true)}>
          </td>
        </tr>
      )
</tbody>