Skip to content

Commit 16d091b

Browse files
PeterTakahashiseiyatakahashi
authored and
seiyatakahashi
committed
#329 fix textlint warning
1 parent ad4ca30 commit 16d091b

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

content/blog/2020-02-26-react-v16.13.0.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ Warning: Cannot update a component from inside the function body of a different
3434
</div>
3535
```
3636

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` の間で交互に切り替わります。
3838

3939
**Reactは、スタイルルールの競合を検出し、警告をログに記録するようになりました。**この問題を修正するには、同一の CSS プロパティの短い記法と長い記法のバージョンを `style` プロパティ内で混在させないようにしてください。
4040

@@ -46,7 +46,7 @@ Warning: Cannot update a component from inside the function body of a different
4646
<Button ref="myRef" />
4747
```
4848

49-
(String ref と異なり、一般的なref自体は**完全にサポートされ続けます**ので混同しないようにしてください
49+
String ref と異なり、一般的なref自体は**完全にサポートされ続けます**ので混同しないようにしてください)
5050

5151
将来的には、string ref からの移行を自動化するスクリプト ("codemod") を提供する予定です。しかし、まれに自動移行できないケースがあります。このリリースでは、非推奨化に先立ち、**そのようなケースにのみ**警告を追加しています。
5252

@@ -73,9 +73,9 @@ class ClassParent extends React.Component {
7373
}
7474
```
7575

76-
このようなコードはしばしばバグを示します。(ref は `ClassParent` で利用できると思われるかもしれませんが、代わりに `ClassWithRenderProp` に置かれてしまいます)
76+
このようなコードはしばしばバグを示します。ref は `ClassParent` で利用できると思われるかもしれませんが、代わりに `ClassWithRenderProp` に置かれてしまいます
7777

78-
**このようなコードはお持ちでない可能性が高いでしょう**。もしそのようなコードがあって、それが意図的なものであれば、代わりに [`React.createRef()`](/docs/refs-and-the-dom.html#creating-refs) を使うよう変更してください:
78+
**このようなコードはお持ちでない可能性が高いでしょう**。もしそのようなコードがあって、それが意図的なものであれば、代わりに [`React.createRef()`](/docs/refs-and-the-dom.html#creating-refs) を使うよう変更してください
7979

8080
```jsx
8181
class ClassWithRenderProp extends React.Component {
@@ -105,7 +105,7 @@ class ClassParent extends React.Component {
105105
>
106106
> If you use Create React App or have the "react" preset with Babel 7+, you already have this plugin installed by default.
107107
108-
### `React.createFactory`の非推奨化{#deprecating-reactcreatefactory}
108+
### `React.createFactory` の非推奨化 {#deprecating-reactcreatefactory}
109109

110110
[`React.createFactory`](/docs/react-api.html#createfactory) は React 要素を作成するためのレガシーのヘルパです。このリリースでは、このメソッドに非推奨の警告が追加されています。これは将来のメジャーバージョンで削除される予定です。
111111

@@ -117,15 +117,15 @@ let createFactory = type => React.createElement.bind(null, type);
117117

118118
全く同じことをしています。
119119

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}
121121

122-
React 16がリリースされたとき`createPortal`は公式にサポートされるAPIになりました
122+
React 16 がリリースされたとき`createPortal` は公式にサポートされる API になりました
123123

124-
しかし、`unstable_createPortal`を採用している少数のライブラリが動作するように、`unstable_createPortal`をサポートされたエイリアスとして残していました。今後この不安定なエイリアスは非推奨とします。`unstable_createPortal` の代わりに `createPortal` を直接使ってください。これは全く同じシグネチャを持っています。
124+
しかし、`unstable_createPortal` を採用している少数のライブラリが動作するように、`unstable_createPortal` をサポートされたエイリアスとして残していました。今後この不安定なエイリアスは非推奨とします。`unstable_createPortal` の代わりに `createPortal` を直接使ってください。これは全く同じシグネチャを持っています。
125125

126126
## その他の改良事項 {#other-improvements}
127127

128-
### hydrationの警告におけるコンポーネントスタック{#component-stacks-in-hydration-warnings}
128+
### hydration の警告におけるコンポーネントスタック {#component-stacks-in-hydration-warnings}
129129

130130
React は開発者向け警告にコンポーネントスタックを追加し、開発者がバグを特定してプログラムをデバッグできるようにしています。今回のリリースでは、以前はコンポーネントスタックが存在しなかった多くの開発者向け警告に、それが追加されました。例として、以前のバージョンにあったこのハイドレーション警告を考えてみましょう。
131131

@@ -155,21 +155,21 @@ React は開発者向け警告にコンポーネントスタックを追加し
155155

156156
### React {#react}
157157

158-
React v16.13.0 はnpmで利用可能です
158+
React v16.13.0 は npm レジストリで利用可能です
159159

160-
YarnでReact 16をインストールするには、下記を実行します:
160+
Yarn で React 16 をインストールするには、下記を実行します
161161

162162
```bash
163163
yarn add react@^16.13.0 react-dom@^16.13.0
164164
```
165165

166-
npmでReact 16をインストールするには、下記を実行します:
166+
npm で React 16 をインストールするには、下記を実行します
167167

168168
```bash
169169
npm install --save react@^16.13.0 react-dom@^16.13.0
170170
```
171171

172-
また、CDN経由でReactのUMDビルドも提供しています:
172+
また、CDN 経由で React の UMD ビルドも提供しています:
173173

174174
```html
175175
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>

0 commit comments

Comments
 (0)