Skip to content

Commit 551c5ac

Browse files
akinekoba04
authored andcommitted
fix typo (#263)
xメソッドが返すのははあなた ○メソッドが返すのはあなた
1 parent 42b7358 commit 551c5ac

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

content/tutorial/tutorial.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,7 @@ class ShoppingList extends React.Component {
153153

154154
ここで `ShoppingList`**React コンポーネントのクラス**、もしくは **React コンポーネントの型**です。コンポーネントは props("properties" の略)と呼ばれるパラメータを受け取り、`render` メソッドを通じて、表示するビューの階層構造を返します。
155155

156-
`render` メソッドが返すのははあなたが画面上に表示したいものの*説明書き*です。React はその説明書きを受け取って画面に描画します。具体的には、`render` は、描画すべきものの軽量な記述形式である **React 要素**というものを返します。たいていの React 開発者は、これらの構造を簡単に記述できる "JSX" と呼ばれる構文を使用しています。`<div />` という構文は、ビルド時に `React.createElement('div')` に変換されます。上記の例は以下のコードと同等です:
156+
`render` メソッドが返すのはあなたが画面上に表示したいものの*説明書き*です。React はその説明書きを受け取って画面に描画します。具体的には、`render` は、描画すべきものの軽量な記述形式である **React 要素**というものを返します。たいていの React 開発者は、これらの構造を簡単に記述できる "JSX" と呼ばれる構文を使用しています。`<div />` という構文は、ビルド時に `React.createElement('div')` に変換されます。上記の例は以下のコードと同等です:
157157

158158
```javascript
159159
return React.createElement('div', {className: 'shopping-list'},

0 commit comments

Comments
 (0)