scrimba
Learn React
Meme generator
Boxes challenge part 1
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Boxes challenge part 1
AboutCommentsNotes
Boxes challenge part 1
Expand for more info
App.js
run
preview
console
import React from "react"
import boxes from "./boxes"

export default function App() {
/**
* Challenge part 1:
* 1. Initialize state with the default value of the
* array pulled in from boxes.js
* 2. Map over that state array and display each one
* as an empty square (black border, transparent bg color)
* (Don't worry about using the "on" property yet)
*/
return (
<main>
<h1>Boxes will go here</h1>
</main>
)
}
Console
/index.html
-3:49