@@ -34,7 +34,7 @@ Warning: Cannot update a component from inside the function body of a different
34
34
< / div>
35
35
```
36
36
37
- この` <div> ` は ` toggle ` の値に関係なく常に背景色が赤になると思われるかもしれません。しかし、[ このデモを見てわかるように] ( https://codesandbox.io/s/suspicious-sunset-g3jub ) 、` toggle ` の値を ` true ` と ` false ` の間で切り替えると、背景色は` red ` から始まり、その後` transparent ` と ` blue ` の間で交互に切り替わります。
37
+ この ` <div> ` は ` toggle ` の値に関係なく常に背景色が赤になると思われるかもしれません。しかし、[ このデモを見てわかるように] ( https://codesandbox.io/s/suspicious-sunset-g3jub ) 、` toggle ` の値を ` true ` と ` false ` の間で切り替えると、背景色は ` red ` から始まり、その後 ` transparent ` と ` blue ` の間で交互に切り替わります。
38
38
39
39
** Reactは、スタイルルールの競合を検出し、警告をログに記録するようになりました。** この問題を修正するには、同一の CSS プロパティの短い記法と長い記法のバージョンを ` style ` プロパティ内で混在させないようにしてください。
40
40
@@ -46,7 +46,7 @@ Warning: Cannot update a component from inside the function body of a different
46
46
< Button ref= " myRef" / >
47
47
```
48
48
49
- ( String ref と異なり、一般的なref自体は** 完全にサポートされ続けます** ので混同しないようにしてください。 )
49
+ ( String ref と異なり、一般的なref自体は** 完全にサポートされ続けます** ので混同しないようにしてください)
50
50
51
51
将来的には、string ref からの移行を自動化するスクリプト ("codemod") を提供する予定です。しかし、まれに自動移行できないケースがあります。このリリースでは、非推奨化に先立ち、** そのようなケースにのみ** 警告を追加しています。
52
52
@@ -73,9 +73,9 @@ class ClassParent extends React.Component {
73
73
}
74
74
```
75
75
76
- このようなコードはしばしばバグを示します。( ref は ` ClassParent ` で利用できると思われるかもしれませんが、代わりに ` ClassWithRenderProp ` に置かれてしまいます) 。
76
+ このようなコードはしばしばバグを示します。( ref は ` ClassParent ` で利用できると思われるかもしれませんが、代わりに ` ClassWithRenderProp ` に置かれてしまいます) 。
77
77
78
- ** このようなコードはお持ちでない可能性が高いでしょう** 。もしそのようなコードがあって、それが意図的なものであれば、代わりに [ ` React.createRef() ` ] ( /docs/refs-and-the-dom.html#creating-refs ) を使うよう変更してください:
78
+ ** このようなコードはお持ちでない可能性が高いでしょう** 。もしそのようなコードがあって、それが意図的なものであれば、代わりに [ ` React.createRef() ` ] ( /docs/refs-and-the-dom.html#creating-refs ) を使うよう変更してください:
79
79
80
80
``` jsx
81
81
class ClassWithRenderProp extends React .Component {
@@ -105,7 +105,7 @@ class ClassParent extends React.Component {
105
105
>
106
106
> If you use Create React App or have the "react" preset with Babel 7+, you already have this plugin installed by default.
107
107
108
- ### ` React.createFactory ` の非推奨化{#deprecating-reactcreatefactory}
108
+ ### ` React.createFactory ` の非推奨化 {#deprecating-reactcreatefactory}
109
109
110
110
[ ` React.createFactory ` ] ( /docs/react-api.html#createfactory ) は React 要素を作成するためのレガシーのヘルパです。このリリースでは、このメソッドに非推奨の警告が追加されています。これは将来のメジャーバージョンで削除される予定です。
111
111
@@ -117,15 +117,15 @@ let createFactory = type => React.createElement.bind(null, type);
117
117
118
118
全く同じことをしています。
119
119
120
- ### ` ReactDOM.unstable_createPortal ` の非推奨化( ` ReactDOM.createPortal ` に変更を) {#deprecating-reactdomunstable_createportal-in-favor-of-reactdomcreateportal}
120
+ ### ` ReactDOM.unstable_createPortal ` の非推奨化、 ` ReactDOM.createPortal ` に変更を {#deprecating-reactdomunstable_createportal-in-favor-of-reactdomcreateportal}
121
121
122
- React 16がリリースされたとき 、` createPortal ` は公式にサポートされるAPIになりました 。
122
+ React 16 がリリースされたとき 、` createPortal ` は公式にサポートされる API になりました 。
123
123
124
- しかし、` unstable_createPortal ` を採用している少数のライブラリが動作するように、` unstable_createPortal ` をサポートされたエイリアスとして残していました。今後この不安定なエイリアスは非推奨とします。` unstable_createPortal ` の代わりに ` createPortal ` を直接使ってください。これは全く同じシグネチャを持っています。
124
+ しかし、` unstable_createPortal ` を採用している少数のライブラリが動作するように、` unstable_createPortal ` をサポートされたエイリアスとして残していました。今後この不安定なエイリアスは非推奨とします。` unstable_createPortal ` の代わりに ` createPortal ` を直接使ってください。これは全く同じシグネチャを持っています。
125
125
126
126
## その他の改良事項 {#other-improvements}
127
127
128
- ### hydrationの警告におけるコンポーネントスタック {#component-stacks-in-hydration-warnings}
128
+ ### hydration の警告におけるコンポーネントスタック {#component-stacks-in-hydration-warnings}
129
129
130
130
React は開発者向け警告にコンポーネントスタックを追加し、開発者がバグを特定してプログラムをデバッグできるようにしています。今回のリリースでは、以前はコンポーネントスタックが存在しなかった多くの開発者向け警告に、それが追加されました。例として、以前のバージョンにあったこのハイドレーション警告を考えてみましょう。
131
131
@@ -155,21 +155,21 @@ React は開発者向け警告にコンポーネントスタックを追加し
155
155
156
156
### React {#react}
157
157
158
- React v16.13.0 はnpmで利用可能です 。
158
+ React v16.13.0 は npm レジストリで利用可能です 。
159
159
160
- YarnでReact 16をインストールするには 、下記を実行します:
160
+ Yarn で React 16 をインストールするには 、下記を実行します:
161
161
162
162
``` bash
163
163
yarn add react@^16.13.0 react-dom@^16.13.0
164
164
```
165
165
166
- npmでReact 16をインストールするには 、下記を実行します:
166
+ npm で React 16 をインストールするには 、下記を実行します:
167
167
168
168
``` bash
169
169
npm install --save react@^16.13.0 react-dom@^16.13.0
170
170
```
171
171
172
- また、CDN経由でReactのUMDビルドも提供しています:
172
+ また、CDN 経由で React の UMD ビルドも提供しています:
173
173
174
174
``` html
175
175
<script crossorigin src =" https://unpkg.com/react@16/umd/react.production.min.js" ></script >
0 commit comments