Skip to content

Commit

Permalink
#329 @smikitkyさん指摘箇所の修正
Browse files Browse the repository at this point in the history
  • Loading branch information
seiyatakahashi committed May 5, 2020
1 parent 90b1174 commit 0bed9d6
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions content/blog/2020-02-26-react-v16.13.0.md
Expand Up @@ -5,25 +5,25 @@ redirect_from:
- "blog/2020/03/02/react-v16.13.0.html"
---

本日、React 16.13.0 をリリースします。このリリースには、今後のメジャーリリースに備えて、バグ修正と新しい非推奨の警告が含まれています
本日、React 16.13.0 をリリースします。このリリースには、バグ修正と、今後のメジャーリリースに備えるための新しい非推奨の警告が含まれています

## 新規注意事項 {#new-warnings}

### レンダリング中のいくつかの更新に関する注意点{#warnings-for-some-updates-during-render}

React コンポーネントは、レンダリング中に他のコンポーネントに副作用を与えてはいけません
React コンポーネントは、レンダー中に他のコンポーネントに副作用を起こしてはいけません

レンダリング中に `setState` を呼び出すことはサポートされていますが [同じコンポーネントに対してのみ*](/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops). 別のコンポーネントでレンダリング中に `setState` を呼び出すと、警告が表示されるようになりました。
レンダー中に `setState` を呼び出すことはサポートされていますが [*同じ*コンポーネントに対してのみ](/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops)可能です。別のコンポーネントのレンダー中に `setState` を呼び出すと、警告が表示されるようになりました。

```
Warning: Cannot update a component from inside the function body of a different component.
```

**この警告は、意図しない状態変更によって引き起こされるアプリケーションのバグを見つけるのに役立ちます。**レンダリングの結果として他のコンポーネントの状態を意図的に変更したい場合は`setState`呼び出しを`useEffect`にラップすることができます。
**この警告は、意図しない状態変更によって引き起こされるアプリケーションのバグを見つけるのに役立ちます。**レンダーの結果として他のコンポーネントの状態を意図的に変更したいという稀なケースでは`setState` 呼び出しを `useEffect` にラップすることができます。

### スタイルルールが矛盾している場合の注意点{#warnings-for-conflicting-style-rules}

CSSプロパティのlonghandとshorthandを含む `style` を動的に適用する場合、特定の更新の組み合わせにより、スタイリングの一貫性が失われることがあります。例えば、以下のようになります。
ある CSS プロパティの長い記法と短い記法を同時に含む `style` を動的に適用する場合、特定の更新の組み合わせにより、スタイリングの一貫性が失われることがあります。例えば、以下のようになります。

```js
<div style={toggle ?
Expand Down Expand Up @@ -149,11 +149,11 @@ React は開発警告にコンポーネントスタックを追加し、開発

- 厳密な開発モードでは、レガシーコンテキストAPIの使用に関する警告には、警告のトリガーとなったコンポーネントのスタックが含まれていませんでした。このリリースでは、不足していたスタックが警告に追加されます。

- 無効な `<button>` 要素に対して `onMouseEnter` がトリガーされないようになりました
- 無効な(disabled の)`<button>` 要素に対して `onMouseEnter` がトリガされないようになりました

- ReactDOM は v16 を公開して以来、`version` のエクスポートがありませんでした。このリリースではそれが追加されました。アプリケーションロジックでの使用はお勧めしませんが、同じページ上のReactDOMのバージョンの不一致や複数のバージョンの問題をデバッグする際に便利です
- ReactDOM は v16 を公開して以来、`version` のエクスポートがありませんでした。このリリースではそれが改めて追加されました。アプリケーションロジックでの使用はお勧めしませんが、同じページ上の ReactDOM のバージョン不一致や複数バージョンに関わる問題をデバッグする際に便利です

これらの問題やその他の問題を解決してくれた貢献者に感謝します。完全なchangelog [下記](#changelog)を参照してください。
これらの問題やその他の問題を解決してくれた貢献者に感謝します。完全な changelog は[下記](#changelog)を参照してください。


## インストール {#installation}
Expand Down

0 comments on commit 0bed9d6

Please sign in to comment.