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

react icons from map method

Web Techee answered on October 15, 2022 Popularity 8/10 Helpfulness 1/10

answer react icons from map method

react icons from map method

Comment

{movieGenres.map((genre, idx) => {
    // must be a capitalized name in order for react to treat it as a component
    const Icon = icons[idx];

    return (
        <li key={genre.id} className="nav-text">
            <button
                className="genre-btn"
                onClick={() => genreSelectionHandler(genre.id)}
            >
                <Icon />
                <span className="nav-item-title">{genre.name}</span>
            </button>
        </li>
    )
})}

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript map react-icons

Link to this answer
Share Copy Link