2016-10-16 20 views
0

我想将ES5样式回调传递给数组的映射函数。它不工作,但是当我将其更改为一个箭头功能一切顺利反应ES5样式函数回调不起作用

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

下面的代码不起作用

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

我试图函数(项目,索引)以及。不起作用。没有错误。不执行功能,并没有li元素呈现

回答

0

您需要包括一个return语句,其中包括在默认情况下ES6

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

谢谢你,那工作 – Arun