循环使用ReactJs中的对象中的项目

Question

我有一个Redux商店，其中有几个对象，我想使用DOM在我的网页上显示所有这些对象。但是，它没有通过，我无法弄清楚为什么不。

现在我设置了一个名为rows的空数组。然后，我使用forEach循环并向数组添加一块DOM。然后，我返回{rows}。但是，由于某种原因，什么都没有显示出来。

我的减速机：

var pushMessageReducer = function (state, action) {
    switch (action.type) {
        case 'RECEIVED_PUSH_MESSAGE':

            var push = JSON.parse(action.PushMessage);

            return _.forEach(push, function (value) {
                console.log(value);
                Object.assign({}, state, value);
            });
    }
};

我的组件：

var App = React.createClass({
    render: function () {
        console.log("State: " + store.getState());
        var rows = [];
         _.forEach(this.props.pushMessages, function (value, key, push) {

            _.forEach(push, function(notification) {

                //do some logic where, using notification, I set vendorId, problem...

                rows += (
                    <div className="row" key={vendorId}>
                        <Card problem={problem}>
                            <ProgressBar threePercent={threePercent} complete={iOSComplete}</ProgressBar>
                        </Card>
                    </div>);
            })

        });
        return (
            <div id="troi-app">
                {rows}
            </div>
        )
    }
});

它只返回一个空网页。任何和所有的帮助将不胜感激。感谢。