javascript - 使用 Object.entries 循环有什么问题？

Question

{buyTicketData?.pricingOptions && (
  <select className={"select_1"}>
    {Object.entries(buyTicketData?.pricingOptions).forEach(
      ([key, value]) => {
        <option key={key}>{value.name}</option>;
      }
    )}
  </select>
)}

我在这里找到了如何在 React 中循环return，因此，不仅key可以像 with 一样使用Object.keys()，而且value还可以使用。我可以在调试过程中看到该调用在该option部分中跳转，但在呈现的 HTML 中没有出现任何选项，只有一个空的select. 为什么？

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

标签： javascripthtmlloops

Answer 1

Array.prototype.forEach不返回值。

Array.prototype.map 确实。

尝试[1, 2, 3].forEach(x => x + 1)使用 REPL。然后尝试[1, 2, 3].map(x => x + 1)。在这种情况下，您可能需要后者。