Skip to content

Commit 83a9714

Browse files
committed
Fix parameter vs argument typo in tutorial-tic-tac-toe
1 parent 1207ee3 commit 83a9714

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/learn/tutorial-tic-tac-toe.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -337,7 +337,7 @@ import './styles.css';
337337
import App from './App';
338338
```
339339

340-
Lines 1-5 bring all the necessary pieces together:
340+
Lines 1-5 bring all the necessary pieces together:
341341

342342
* React
343343
* React's library to talk to web browsers (React DOM)
@@ -551,7 +551,7 @@ export default function Board() {
551551
}
552552
```
553553

554-
Note how unlike the browser `div`s, your own components `Board` and `Square` must start with a capital letter.
554+
Note how unlike the browser `div`s, your own components `Board` and `Square` must start with a capital letter.
555555

556556
Let's take a look:
557557

@@ -1094,7 +1094,7 @@ function Square({ value, onSquareClick }) {
10941094
}
10951095
```
10961096
1097-
Now you'll connect the `onSquareClick` prop to a function in the `Board` component that you'll name `handleClick`. To connect `onSquareClick` to `handleClick` you'll pass a function to the `onSquareClick` prop of the first `Square` component:
1097+
Now you'll connect the `onSquareClick` prop to a function in the `Board` component that you'll name `handleClick`. To connect `onSquareClick` to `handleClick` you'll pass a function to the `onSquareClick` prop of the first `Square` component:
10981098
10991099
```js {7}
11001100
export default function Board() {
@@ -1137,7 +1137,7 @@ JavaScript supports [closures](https://developer.mozilla.org/en-US/docs/Web/Java
11371137
11381138
</Note>
11391139
1140-
Now you can add X's to the board... but only to the upper left square. Your `handleClick` function is hardcoded to update the index for the upper left square (`0`). Let's update `handleClick` to be able to update any square. Add an argument `i` to the `handleClick` function that takes the index of the square to update:
1140+
Now you can add X's to the board... but only to the upper left square. Your `handleClick` function is hardcoded to update the index for the upper left square (`0`). Let's update `handleClick` to be able to update any square. Add a argument `i` to the `handleClick` function that takes the index of the square to update:
11411141
11421142
```js {4,6}
11431143
export default function Board() {
@@ -2073,12 +2073,12 @@ export default function Game() {
20732073
}
20742074
```
20752075
2076-
You can see what your code should look like below. Note that you should see an error in the developer tools console that says:
2076+
You can see what your code should look like below. Note that you should see an error in the developer tools console that says:
20772077
20782078
<ConsoleBlock level="warning">
20792079
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of &#96;Game&#96;.
20802080
</ConsoleBlock>
2081-
2081+
20822082
You'll fix this error in the next section.
20832083
20842084
<Sandpack>

0 commit comments

Comments
 (0)