const current = history[this.state.stepNumber];
const winner = calculateWinner(current.squares);
- const moves = history.map((step, move) => {
- const desc = move ?
- 'Go to move #' + move :
- 'Go to game start';
- return (
- <li key={move}>
- <button onClick={() => this.jumpTo(move)}>{desc}</button>
- </li>
- );
- });
-
let status;
if (winner) {
status = "Winner: " + winner;
return (
<div className="game">
+ <div className="game-info">
+ <div>{status}</div>
+ </div>
<div className="game-board">
<Board
squares={current.squares}
onClick={i => this.handleClick(i)}
/>
</div>
- <div className="game-info">
- <div>{status}</div>
- <ol>{moves}</ol>
- </div>
</div>
);
}