scrimba
Tic Tac Toe
Board Styling
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

AboutCommentsNotes
Board Styling
Expand for more info
components
Board.js
run
preview
console
import React from 'react';
import Square from './Square';

const Board = ({ squares, onClick }) => (
<div>
<Square value="1" onClick={() => onClick("dummy value")} />
<Square value="2" onClick={() => onClick("dummy value")} />
<Square value="3" onClick={() => onClick("dummy value")} />
<Square value="4" onClick={() => onClick("dummy value")} />
<Square value="5" onClick={() => onClick("dummy value")} />
<Square value="6" onClick={() => onClick("dummy value")} />
<Square value="7" onClick={() => onClick("dummy value")} />
<Square value="8" onClick={() => onClick("dummy value")} />
<Square value="9" onClick={() => onClick("dummy value")} />
</div>
)

export default Board;
Console
/index.html
-3:29