Jessie Campbell Jessie Campbell - 11 months ago 78
Javascript Question

react map es6 arrow function doesn't work

I have below code and it render nothing, I wonder where is my mistake, I did not see any error in the console.

var App = React.createClass({
return {
renderItem(){,i)=> <li key={i}>{item}</li>)

React.render(<App />, document.getElementById('container'));

Need advise.

Answer Source

First of all you need to call your method with ():


Secondly you ned to return inside the method:

    return,i)=> <li key={i}>{item}</li>)

These are just vanilla Javascript class methods. There's nothing special React does here. You need to call methods and return values the same way you would with any Javascript code.