Reactjs 在循环和映射中响应

我正在开发一个react应用程序，我面临一个问题，因此如果有人能够提供帮助，我将非常感谢

我正在按日期对数据进行分组，我有一个对象，其中包含以下格式的数据{dd/mm/yyyy:[数据，数据]]，dd/mm/yyyy:[数据，数据]}

因此，我在对象中执行for-in-loop循环，然后在数组中执行map-to-loop循环，然后渲染这些数组，但是它似乎在第一个键值对处停止渲染，我假设这是因为映射之前的return语句，但是如果没有它，渲染函数似乎无法工作

这是我的代码，非常感谢您的帮助

谢谢

  export default class ExpenseMain extends React.Component{

    renderStuff(){
        var expenses = this.props.expenses
        if(Object.keys(expenses).length > 0){
            for(var key in expenses){
                return expenses[key].map((ele,i)=>{
                    return (
                        <div    
                            className = "expensesLoop"
                            key = {i}>
                            <ExpenseItem 
                                expense  = { ele }
                                removeExpense = { this.props.removeExpense }
                                updateExpense = { this.props.updateExpense }
                            />
                            <hr/>
                        </div>
                    )

                })
            }
        }
    }
    render(){
        return <div>{this.renderStuff()} </div>
    }
}

导出默认类ExpenseMain扩展React.Component{
renderStuff（）{
var费用=此.props.expenses
if（Object.keys（expenses）.length>0）{
对于（var输入费用）{
退货费用[key].map（（ele，i）=>{
返回(

)
})
}
}
}
render（）{
返回{this.renderStuff（）}
}
}

for

不会返回任何内容。因此，结果将是

未定义

请尝试使用

对象.keys（）.map

：

        Object.keys(expenses).map(key => {
            return expenses[key].map((ele,i)=>{
                return (
                    <div    
                        className = "expensesLoop"
                        key = {i}>
                        <ExpenseItem 
                            expense  = { ele }
                            removeExpense = { this.props.removeExpense }
                            updateExpense = { this.props.updateExpense }
                        />
                        <hr/>
                    </div>
                )

            })
        }

Object.key（费用）.map（key=>{
退货费用[key].map（（ele，i）=>{
返回(

)
})
}

谢谢！事实上我已经想出了一个类似的解决方案！：）