Skip to content

Commit 60026ec

Browse files
committed
docs(thinking-in-react): Add spaces
1 parent 5e138c8 commit 60026ec

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

content/docs/thinking-in-react.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ React のすばらしい特長がいくつもありますが、あなたがど
4848
2. **`SearchBar`(青色):** すべての *ユーザー入力* を受け付ける
4949
3. **`ProductTable`(緑色):** *ユーザー入力* に基づく *データの集合* を表示・フィルターする
5050
4. **`ProductCategoryRow`(水色):** *カテゴリ* を見出しとして表示する
51-
5. **`ProductRow`(赤色):***商品* を1行で表示する
51+
5. **`ProductRow`(赤色):***商品* を 1 行で表示する
5252

5353
`ProductTable` を見てみると、表のヘッダー(「Name」や「Price」のラベルを含む)が自身のコンポーネントを持っていないことがわかります。これは好みの問題で、コンポーネントにするかしないかは両論あります。今回の例でいえば、ヘッダーを `ProductTable` の一部にしたのは、 *データの集合* を描画するという `ProductTable` の責務の一環として適切だったからです。しかしながら、将来ヘッダーが肥大化して複雑になった場合(例えばソート機能を追加した場合など)は、 `ProductTableHeader` のようなコンポーネントにするのが適切になるでしょう。
5454

0 commit comments

Comments
 (0)