File tree Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change @@ -21,15 +21,15 @@ React は段階的に導入することができるように最初からデザ
21
21
22
22
## 1分で React を導入する
23
23
24
- このセクションでは、既存の HTML ページに React コンポーネントを導入する方法を説明します。以下の部分では自分のウェブサイトを利用して進めてもいいですし、練習用に空っぽの HTML ファイルを用意するのもいいでしょう。
24
+ このセクションでは、既存の HTML ページに React コンポーネントを導入する方法を説明します。以下の部分では自分のウェブサイトを利用して進めてもいいですし、練習用に空の HTML ファイルを用意するのもいいでしょう。
25
25
26
26
複雑なツール類や事前にインストールしておかなければいけないものはありません。** インターネットへの接続さえあれば、1 分間でこのセクションを終わらせることができます。**
27
27
28
28
オプション:[ お手本をダウンロードする (2KB ZIP圧縮)] ( https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip )
29
29
30
30
### ステップ 1:HTML に DOM コンテナを追加する
31
31
32
- まずは編集したい HTML ファイルを開きましょう。React で描画したい箇所を決めて、空っぽの ` <div> ` 要素を追加しましょう。例えばこんな感じです。
32
+ まずは編集したい HTML ファイルを開きましょう。React で描画したい箇所を決めて、空の ` <div> ` 要素を追加しましょう。例えばこんな感じです。
33
33
34
34
``` html{3}
35
35
<!-- ... 既存の HTML ... -->
@@ -43,7 +43,7 @@ React は段階的に導入することができるように最初からデザ
43
43
44
44
> ヒント
45
45
>
46
- > 「コンテナ」としての ` <div> ` 要素は ` <body> ` タグの中であれば** どこにでも** 置くことができます。また空っぽの ` <div> ` はひとつのページにひとつだけでも、あるいは必要なだけたくさんあっても大丈夫です。` <div> ` 要素は空っぽのことが多いですが 、それはたとえ ` <div> ` の中に他の要素があったとしても、React が結局その中身を置き換えてしまうからです。
46
+ > 「コンテナ」としての ` <div> ` 要素は ` <body> ` タグの中であれば** どこにでも** 置くことができます。また空の ` <div> ` はひとつのページにひとつだけでも、あるいは必要なだけたくさんあっても大丈夫です。` <div> ` 要素は空のことが多いですが 、それはたとえ ` <div> ` の中に他の要素があったとしても、React が結局その中身を置き換えてしまうからです。
47
47
48
48
### ステップ 2:script タグを追加する
49
49
@@ -84,7 +84,7 @@ const domContainer = document.querySelector('#like_button_container');
84
84
ReactDOM.render(e(LikeButton), domContainer);
85
85
```
86
86
87
- この 2 行のコードは、ステップ 1 で追加した空っぽの ` <div> ` 要素を見つけてきて、その中に React コンポーネントの「いいね」ボタンを表示します。
87
+ この 2 行のコードは、ステップ 1 で追加した空の ` <div> ` 要素を見つけてきて、その中に React コンポーネントの「いいね」ボタンを表示します。
88
88
89
89
### これだけです!
90
90
You can’t perform that action at this time.
0 commit comments