react-step-2-3.jsx

react-step-2-3.jsx

var Result = React.createClass({
    propTypes: {
        filterPokemon: React.PropTypes.array,
    },
    render: function() {
        return (<div>
            <div>--- Total Filter Pokemon: {this.props.filterPokemon.length} ---</div>
            <ul>
                {this.props.filterPokemon.map(function (item, i) {
                    return <li key={i}>{item.name} (Atk: {item.attack}, Def: {item.defense})</li>
                })}
            </ul>
        </div>);
    }
});