pokedex-react-2.js

pokedex-react-2.js

    // 3. set render function
    var render = function() {
        var filterPokemonType = store.getState().pokemonType;
        var filterPokemonAtk = store.getState().pokemonAtk;
        var filterPokemon = filterPokemonByTypeAndMinAtk(allPokemons, filterPokemonType, filterPokemonAtk);

        ReactDOM.render(
                <div>
                    <div>--- Total Filter Pokemon: {filterPokemon.length} ---</div>
                    <ul>
                        {filterPokemon.map(function(item, i) {
                            return <li key={i}>{item.name} (Atk: {item.attack}, Def: {item.defense})</li>
                        })}
                    </ul>
                </div>,
            document.getElementById('reactOutput')
        );
    };

    // 4. subscribe render function when state changes
    store.subscribe(render);
    render();