Breaking News: Grepper is joining You.com. Read the official announcement!

Understanding unique keys for array children in React.js

answered on June 16, 2021 Popularity 9/10 Helpfulness 3/10

answer Understanding unique keys for array children in React.js

Understanding unique keys for array children in React.js

Comment

var data = [{name:'Jhon', age:28, city:'HO'},
            {name:'Onhj', age:82, city:'HN'},
            {name:'Nohj', age:41, city:'IT'}
           ];

var Hello = React.createClass({

    render: function() {

      var _data = this.props.info;
      console.log(_data);
      return(
        <div>
            {_data.map(function(object, i){
               return <div className={"row"} key={i}> 
                          {[ object.name ,
                             // remove the key
                             <b className="fosfo" key={i}> {object.city} </b> , 
                             object.age
                          ]}
                      </div>; 
             })}
        </div>
       );
    }
});

React.render(<Hello info={data} />, document.body);

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: children javascript

Link to this answer
Share Copy Link