首先，我想通知您，我對 React 開發非常陌生。當我嘗試使用迭代渲染選項卡時，出現以下錯誤。有人可以幫助我確定為什么這不起作用。
#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>
);
}
uj5u.com熱心網友回復：
....
{
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錯誤。
地圖
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/336561.html
標籤：javascript 反应 目的 迭代器 反应组件