Quiz: The Key in the Wrong Place

The page shows all the cards, but the console keeps warning: Each child in a list should have a unique "key" prop. And yet the card has a key. Click the line with the mistake in App.jsx.

import BandCard from "./BandCard.jsx";
import { bands } from "./bands.js";

export default function App() {
    return (
        <main>
            <h1>Summer Sounds</h1>
            {bands.map((band) => (
                <BandCard band={band} />
            ))}
        </main>
    );
}

Start programming for free

Back

4/11