En primer lugar, me gustaría informarles que soy muy nuevo en el desarrollo de reacciones. Cuando traté de renderizar una pestaña con iteración, obtuve el siguiente error. ¿Puede alguien amablemente ayudarme a identificar por qué esto no funciona? ¿Hay un error en la sintaxis?
#Implementación
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> ); } .... { 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 debe devolver algún valor de su devolución de llamada si se pasa la función de devolución de llamada. Actualizar el código para envolver el map TabContainer como se muestra arriba debería corregir Line 76: Expected to return a value in function .