I am trying to pass a ES5 style callback to the map function of the array. It doesn't work, but when i change it to an arrow function everything goes well
render(){
return (
<ul>
{this.props.items.map((item, index) => (
<li key={index}>{item}</li>
))
}
</ul>
);
}
The following code doesn't work
return (
<ul>
{this.props.items.map(function(index, item) { (
<li key={index}>{item}</li>
)})
}
</ul>
);
I have tried function(item, index) as well. Does not work. There is no error. Function is not executed and no li element is rendered
You need to include a return statement, which included by default in ES6
return (
<ul>
{this.props.items.map(function(index, item) { return (
<li key={index}>{item}</li>
);})
}
</ul>
);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.