React Iteration example

counter.js

var NameRow = React.createClass({
    getInitialState: function () {
        return {
            names: this.props.names || []
        };
    },
    render: function () {
        return (<div>
            <ul>
                {this.state.names.map(function (e) {
                    return (<li key={e.id}>{e.name}</li>);
                })}
            </ul>
        </div>);
    }
});

var NAMES = [
    {
        id: 1,
        name: "Rahman"
    },
    {
        id: 2,
        name: "Hakan"
    },
    {
        id: 3,
        name: "Ayşe"
    },
];


ReactDOM.render(<NameRow names={NAMES}/>, document.querySelector("#root"));