}
render() {
- const history = this.state.history;
- const current = history[this.state.step_number];
+ const state = this.state;
+ const history = state.history;
+ const current = history[state.step_number];
const winner = calculate_winner(current.squares);
let status;
if (winner) {
status = "Winner: " + winner;
} else {
- status = "Next player: " + (Team.properties[this.state.next_to_play].name);
+ status = "Next player: " + (Team.properties[state.next_to_play].name);
}
return [
<GameInfo
key="game-info"
- id={this.state.game_info.id}
- url={this.state.game_info.url}
+ id={state.game_info.id}
+ url={state.game_info.url}
/>,
<PlayerInfo
key="player-info"
- id={this.state.player_info.id}
- name={this.state.player_info.name}
- team={this.state.player_info.team}
+ id={state.player_info.id}
+ name={state.player_info.name}
+ team={state.player_info.team}
/>,
<div key="game" className="game">
<button className="inline"