react组件渲染中的对象迭代不起作用

Question

首先，我想告诉你，我是一个很新的反应发展。当我尝试用迭代渲染一个标签时，我得到了下面的错误。有人可以帮助我确定为什么这不工作。语法是否有错误
#Implementation

Line 76:  Expected to return a value in function                                 array-callback-return
Line 77:  Expected an assignment or function call and instead saw an expression  no-unused-expressions

render() {
const { classes,orderTabDataCollections } = this.props;
const { value } = this.state;
return (
<div className={classes.root}>
<AppBar position="static" color="default">
<Tabs
value={value}
onChange={this.handleChange}
indicatorColor="primary"
textColor="primary"
variant="scrollable"
scrollButtons="auto"
>
{Object.keys(orderTabDataCollections).map(keyz =>
<Tab key={keyz} label={keyz.toUpperCase()} />

)}

</Tabs>
</AppBar>
{
Object.keys(this.props.orderTabDataCollections).map(function(keyz, index) {
value === index && <TabContainer key={keyz} >
<TweakDataForm key={keyz} tweakDataCollection={orderTabDataCollections[keyz]}/></TabContainer>  })}      
</div>
);
}

Answer 1

....
{
Object.keys(this.props.orderTabDataCollections).map(function(keyz, index) {
if(value === index){
return <TabContainer key={keyz} >
<TweakDataForm key={keyz} tweakDataCollection= 
{orderTabDataCollections[keyz]}/>
</TabContainer> 
}
return null;
})}    

如果通过了回调函数，map应该返回回调函数的一些值。像上面那样更新map包装TabContainer的代码应该可以修复Line 76: Expected to return a value in function错误。

地图