fix: Thinking in React - Step 1

Author: Nkzn

content/docs/thinking-in-react.md

@@ -50,7 +50,7 @@ React のすばらしい特長がいくつもありますが、あなたがど
   4. **`ProductCategoryRow`（水色）：** *カテゴリ* を見出しとして表示する
   5. **`ProductRow`（赤色）：** 各 *商品* を1行で表示する
 
-`ProductTable` を見てみると、表のヘッダー（「Name」や「Price」のラベルを含む）が自身のコンポーネントを持っていないことがわかります。これは好みの問題で、コンポーネントにするかしないかは両論あります。今回の例でいえば、ヘッダーを `ProductTable` の一部にしたのは、 *データの集合* を描画するという `ProductTable` の責務の一環として適切だったからです。しかしながら、将来ヘッダーが肥大化して複雑になった場合（ソート機能の追加など）は、 `ProductTableHeader` のようなコンポーネントにするのが適切になるでしょう。
+`ProductTable` を見てみると、表のヘッダー（「Name」や「Price」のラベルを含む）が自身のコンポーネントを持っていないことがわかります。これは好みの問題で、コンポーネントにするかしないかは両論あります。今回の例でいえば、ヘッダーを `ProductTable` の一部にしたのは、 *データの集合* を描画するという `ProductTable` の責務の一環として適切だったからです。しかしながら、将来ヘッダーが肥大化して複雑になった場合（例えばソート機能を追加した場合など）は、 `ProductTableHeader` のようなコンポーネントにするのが適切になるでしょう。
 
 さて、モック内にコンポーネントを定義できましたので、階層構造に並べてみましょう。簡単なことです。モックで他のコンポーネントの中にあるコンポーネントを、階層構造でも子要素として配置すればいいのです。次のようになります。