Как вернуть jsx?

Question

[TheSnegok]

{MenuItems.forEach((item) => {
   for (let [headers, headersItems] of Object.entries(item)) {
     <div className={s.wrapperSections}>
        <img src={tile} alt={Object.entries(headersItems)[0][0]} />
        <span>{headers}</span>
   </div>
} 
})}

Нужные мне данные через консоль лог выводятся но как элементы не создаются, что не так сделал?

Answer 1

[Александр]

{MenuItems.map((item) => Object.entries(item).map(([headers, headersItems]) => (
    <div className={s.wrapperSections}>
        <img src={tile} alt={Object.entries(headersItems)[0][0]} />
        <span>{headers}</span>
   </div>
))}

Comments

[WbICHA]

Кстати, один из редких случаев, когда можно flatMap использовать.)

[TheSnegok]

Благодарю)))

[Александр]

WbICHA, Не рискнул без структуры.

[WbICHA]

Александр, какой? У тебя мап в мапе.