Как отрисовать объект в реакт?

Question

[DonorOfLove]

Есть массив вида:

[ {helm: {}}, {arm: {…}} ]
Я пробегаю по нему map'ом и получаю объекты вида
{helm:{def:1,hp:2}
, которые нужно вставить в ul в виде:
<li>{key + ':' + value}</li>
Почти получилось сделать следующим образом:

function showStats() {
        for (let item in items) {
            for (let stat in items[item]) {
                return <li>{stat + ':' + items[item][stat]}</li>
            }
        }
    }

но ожидаемо, функция возвращает только первое значение item и прерывается на return. Как правильно отрисовать объект в данном случае?

Comments

[DonorOfLove]

получилось реализовать данным способом:

function showStats() {
        for (let item in items) {
            return (Object.entries(items[item]).map((items) => {
                    return <li>{items[0] + ':' + items[1]}</li>
                })
            )
        }
    }

[Александр]

DonorOfLove, <pre>{JSON.stringify(items, null, 4)}</pre> пробовали? Или какую цель преследуете?

[DonorOfLove]

Александр, этот вариант отображает объект полностью, мне же нужно не просто отобразить его, а использовать его значения для вставки. В целом, я удовлетворен вариантом выше, так что вопрос уже закрыт, но спасибо за ответ.