Rock - Nyckolle

[NLucuab]

Adds logic to turn in, will review example to make sure I understand what syntax does.

[spitsfire]

looks like you are on the right track! We need to pass your updateSquares function as a props through Board in order to get "X" and "O" to display.

The last thing is to show the winner, which it looks like you have in state. All we need to do is display it in the JSX. And your resetGame function looks ready to be used, too.

If you have time to work on this over break I'd encourage you to finish this up! You are almost there!

[spitsfire]

remember to get rid of unused code for the final submission

Suggested change

	// let newArr = [];
	// for(let i = 0; i < squares.length; i++)
	// {
	// newArr = newArr.concat(squares[i]);
	// }
	// // iterate over the new 1D array and insert the squares + id & value
	// let squaresArr = [];
	// for(let i = 0; i < newArr.length; i++)
	// {
	// const currentSquare = newArr[i];
	// squaresArr.push( <Square value= {currentSquare.value} id={currentSquare.id}/>)
	// }
	// return squaresArr;
	// }

[spitsfire]

Suggested change

	// onClickCallback is passed to Square 1D array from Board.js
	// gets called for the specific square that is clicked (hence id specification)
	// const onSquareClick = () => {
	// props.onClickCallback(props.id);
	// };
	// // return button with onSquareClick called, with class specification for CSS
	// return (
	// <button className='square' onClick={onSquareClick}>
	// {props.value}
	// </button>
	// );