首页 > 解决方案 > forEach 的对象条目无法正常工作

问题描述

我有以下代码:

<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(value, key),这似乎是正确的。如果我删除了 forEach,并将值/键变量更改为另一个东西,它也可以工作。有人知道有什么问题吗?

标签: javascriptreactjsjsx

解决方案


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>

推荐阅读