How to return jsx?

Question

React

{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>
} 
})}

The data I need is displayed through the console, but as the elements are not created, what did I do wrong?

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