reagieren ES5-Stil Funktion Rückruf funktioniert nicht

Question

Ich versuche, einen ES5-Stil Rückruf an die Kartenfunktion des Arrays übergeben. Es funktioniert nicht, aber wenn ich es in einen Pfeil Funktion zu ändern geht alles gut

render(){ 
    return (
     <ul> 
     {this.props.items.map((item, index) => (
       <li key={index}>{item}</li> 
     )) 
     } 
     </ul> 
    ); 
} 

Der folgende Code nicht

return (
     <ul> 
     {this.props.items.map(function(index, item) { (
       <li key={index}>{item}</li> 
     )}) 
     } 
     </ul> 
    ); 

ich versucht habe Funktion funktioniert (Punkt, Index) als auch . Funktioniert nicht. Es gibt keinen Fehler. Funktion wird nicht ausgeführt und nicht li-Element gerendert wird

Answer 1

Sie benötigen eine return-Anweisung enthalten, die in ES6 standardmäßig enthalten

return (
     <ul> 
     {this.props.items.map(function(index, item) { return (
       <li key={index}>{item}</li> 
     );}) 
     } 
     </ul> 
    );