- render() {
- return (
- <div>
- <div className="board-row">
- {this.render_square(0,0)}
- {this.render_square(0,1)}
- {this.render_square(0,2)}
- {" "}
- {this.render_square(1,0)}
- {this.render_square(1,1)}
- {this.render_square(1,2)}
- {" "}
- {this.render_square(2,0)}
- {this.render_square(2,1)}
- {this.render_square(2,2)}
- </div>
- <div className="board-row">
- {this.render_square(0,3)}
- {this.render_square(0,4)}
- {this.render_square(0,5)}
- {" "}
- {this.render_square(1,3)}
- {this.render_square(1,4)}
- {this.render_square(1,5)}
- {" "}
- {this.render_square(2,3)}
- {this.render_square(2,4)}
- {this.render_square(2,5)}
- </div>
- <div className="board-row">
- {this.render_square(0,6)}
- {this.render_square(0,7)}
- {this.render_square(0,8)}
- {" "}
- {this.render_square(1,6)}
- {this.render_square(1,7)}
- {this.render_square(1,8)}
- {" "}
- {this.render_square(2,6)}
- {this.render_square(2,7)}
- {this.render_square(2,8)}
- </div>
-
- <div className="board-row">
- </div>
-
- <div className="board-row">
- {this.render_square(3,0)}
- {this.render_square(3,1)}
- {this.render_square(3,2)}
- {" "}
- {this.render_square(4,0)}
- {this.render_square(4,1)}
- {this.render_square(4,2)}
- {" "}
- {this.render_square(5,0)}
- {this.render_square(5,1)}
- {this.render_square(5,2)}
- </div>
- <div className="board-row">
- {this.render_square(3,3)}
- {this.render_square(3,4)}
- {this.render_square(3,5)}
- {" "}
- {this.render_square(4,3)}
- {this.render_square(4,4)}
- {this.render_square(4,5)}
- {" "}
- {this.render_square(5,3)}
- {this.render_square(5,4)}
- {this.render_square(5,5)}
- </div>
- <div className="board-row">
- {this.render_square(3,6)}
- {this.render_square(3,7)}
- {this.render_square(3,8)}
- {" "}
- {this.render_square(4,6)}
- {this.render_square(4,7)}
- {this.render_square(4,8)}
- {" "}
- {this.render_square(5,6)}
- {this.render_square(5,7)}
- {this.render_square(5,8)}
- </div>