{"patch":"diff --git a\/docs\/tutorial\/tutorial.md b\/docs\/tutorial\/tutorial.md\nindex 07e933af4e..4ab2dc8573 100644\n--- a\/docs\/tutorial\/tutorial.md\n+++ b\/docs\/tutorial\/tutorial.md\n@@ -293,6 +293,8 @@ class Board extends React.Component {\n }\n \n render() {\n+ const status = 'Next player: X';\n+\n return (\n

{status}<\/div>\n@@ -420,6 +422,7 @@ class Board extends React.Component {\n \n render() {\n const status = 'Next player: X';\n+\n return (\n

{status}<\/div>\n@@ -608,7 +611,7 @@ class Board extends React.Component {\n {this.renderSquare(8)}\n <\/div>\n <\/div>\n- : );\n+ );\n }\n }\n ```\n@@ -641,7 +644,9 @@ function calculateWinner(squares) {\n }\n ```\n \n-You can call it in Board's `render` function to check if anyone has won the game and make the status text show \"Winner: [X\/O]\" when someone wins:\n+You can call it in Board's `render` function to check if anyone has won the game and make the status text show \"Winner: [X\/O]\" when someone wins.\n+\n+Replace the `status` declaration in Board's `render` with this code:\n \n ```javascript{2-8}\n render() {\n@@ -767,8 +772,17 @@ class Board extends React.Component {\n }\n \n render() {\n+ const winner = calculateWinner(this.state.squares);\n+ let status;\n+ if (winner) {\n+ status = 'Winner: ' + winner;\n+ } else {\n+ status = 'Next player: ' + (this.state.xIsNext ? 'X' : 'O');\n+ }\n+\n return (\n

\n+

{status}<\/div>\n

\n {this.renderSquare(0)}\n {this.renderSquare(1)}\n@@ -824,7 +838,7 @@ Game's `render` should look at the most recent history entry and can take over c\n \n Since Game is now rendering the status, we can delete `

{status}<\/div>` and the code calculating the status from the Board's `render` function:\n \n-```js{1,2}\n+```js{1-4}\n render() {\n return (\n

\n","commit":{"shortRevision":"138ff5e46b","authorEmail":"dan.abramov@gmail.com","revision":"138ff5e46bc631287b340ca1be5ac805f586711a","authorName":"Dan Abramov","authoredAt":"2017-05-05T18:02:13+01:00","subject":"Fix sequencing in the Tutorial (#9615)"},"body":"* Fix sequencing in the Tutorial\r\n\r\n* Update tutorial.md\r\n\r\n* Update tutorial.md","files":[{"status":"M","path":"docs\/tutorial\/tutorial.md"}],"parents":["824e991241d71b1f0b5bbafe403322d55261c781"]}

dillon1000/react

Files changed