Реагировать на рендеринг элементов html во вложенных циклах

У меня есть структура данных, подобная этой {ключ: [массив объектов]}. Я хочу отображать каждый элемент в массиве объектов, используя вложенный цикл for следующим образом:

for each entry(k, v) in map:
    for each element in array v:
        display html data

Я использую реакцию версии 16.

Я пробовал это в JSX:

class Positions extends React.Component {
    renderPosition(position) {
        var expiry = position["ExpiryDay"] + "-" + position["ExpiryMonth"] + "-" + position["ExpiryYear"];
        console.info(expiry);
        return (<label>{expiry}</label>);
    }
    render() {
        return (
            <div>
                {this.props.positionsGrouped.forEach(function(positions) {
                    return (
                        <div>
                            {positions.map(function(position) {
                                return (
                                    <div>
                                        {this.renderPosition(position)}
                                    </div>
                                );
                            }.bind(this))}
                        </div>
                    );
                }.bind(this))}
            </div>
        );
    }
}

Вот JS, в который он компилируется:

class Positions extends React.Component {
    renderPosition(position) {
        var expiry = position["ExpiryDay"] + "-" + position["ExpiryMonth"] + "-" + position["ExpiryYear"];
        console.info(expiry);
        return React.createElement(
            "label",
            null,
            expiry
        );
    }
    render() {
        return React.createElement(
            "div",
            null,
            this.props.positionsGrouped.forEach(function (positions) {
                return React.createElement(
                    "div",
                    null,
                    positions.map(function (position) {
                        return React.createElement(
                            "div",
                            null,
                            this.renderPosition(position)
                        );
                    }.bind(this))
                );
            }.bind(this))
        );
    }
}

Однако я не вижу ничего отображаемого, кроме самого верхнего div. Вот отрендеренный html:

<div id = "app">
    <div></div>
</div>

Вот что я вижу в инструментах разработчика реакции:

<App>
    <Positions>
        <div></div>
    </Positions>
</App>

Я не вижу никаких ошибок в консоли. Я ожидал, что будут отображены как минимум три вложенных элемента div, однако я вижу только один, поэтому похоже, что что-то не так на уровне первого цикла for. Но я вижу, что моя переменная срока действия правильно выводится на консоль, поэтому я знаю, что renderPosition вызывается с правильными данными.

Кто-нибудь знает, что я делаю неправильно? Я новичок, чтобы реагировать и извините за любые опечатки. Заранее спасибо.