Object entries forEach is not working properly

Question

I have the following piece of code:

<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>

I can even console.log(value, key), befure the return and it seems right. If I remove the forEach, and change the values/key variables to another thing, it also works. Does someone know what's the problem?

score 4 · Accepted Answer · answered Jul 27 '20 at 19:05

4

Array.prototype.forEach(). always returns undefined ,no matter what you return from. it.

Try with 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>

answered Jul 27 '20 at 19:05

Shubham Dixit

9,242
4
27
46

the thing is, when I console.log(values), it shows the part of the object I want – afr Jul 27 '20 at 19:06
Yup you can `console.log() `inside `foreach` but you cannot return anything from it. – Shubham Dixit Jul 27 '20 at 19:07
Oh, it worked with .map(). Thank you, Shubh – afr Jul 27 '20 at 19:09

Object entries forEach is not working properly

1 Answers1