File tree
Expand file treeCollapse file tree1 file changed
+3
-3
lines changed src/content/reference/react-dom
Expand file treeCollapse file tree1 file changed
+3
-3
lines changed Original file line number | Diff line number | Diff line change |
---|
@@ -53,10 +53,10 @@ React は、`domNode` 内に存在する HTML にアタッチし、その内部
|
53 | 53 | `hydrate` は null を返します。
|
54 | 54 |
|
55 | 55 | #### 注意点 {/*caveats*/}
|
56 |
| -* `hydrate` は、レンダーされたコンテンツが、サーバーでレンダーされたコンテンツと同一であることを期待しています。React はテキストコンテンツの差異を修正できますが、不一致はバグとして扱い修正する必要があります。 |
| 56 | +* `hydrate` は、レンダーされたコンテンツが、サーバでレンダーされたコンテンツと同一であることを期待しています。React はテキストコンテンツの差異を修正できますが、不一致はバグとして扱い修正する必要があります。 |
57 | 57 | * 開発モードでは、React はハイドレーション中の不一致について警告します。不一致が発生した場合、属性の違いが修正される保証はありません。これはパフォーマンス上の理由から重要です。なぜならほとんどのアプリでは、不一致はまれであり、すべてのマークアップを検証することは非常に高コストになるからです。
|
58 | 58 | * アプリには通常、`hydrate` 呼び出しは 1 つだけ存在します。フレームワークを使用している場合、フレームワークがこの呼び出しを行うかもしれません。
|
59 |
| -* HTML が既にレンダーされていないクライアントレンダリングの場合、`hydrate()` はサポートされていません。代わりに、React 17 以前では [render()](/reference/react-dom/render)、React 18 以降では [createRoot()](/reference/react-dom/client/createRoot) を使用してください。 |
| 59 | +* アプリがクライアントでレンダーする形式であり、事前レンダーされた HTML がない場合、`hydrate()` は使用できません。代わりに、React 17 以前では [render()](/reference/react-dom/render)、React 18 以降では [createRoot()](/reference/react-dom/client/createRoot) を使用してください。 |
60 | 60 |
|
61 | 61 | ---
|
62 | 62 |
|
@@ -112,7 +112,7 @@ export default function App() {
|
112 | 112 |
|
113 | 113 | ### やむを得ないハイドレーション不一致エラーの抑制 {/*suppressing-unavoidable-hydration-mismatch-errors*/}
|
114 | 114 |
|
115 |
| -サーバーとクライアントの間で、単一の要素の属性やテキストコンテンツがやむを得ない理由で異なる場合(たとえば、タイムスタンプなど)、ハイドレーションの不一致警告を抑制することができます。 |
| 115 | +サーバとクライアントの間で、単一の要素の属性やテキストコンテンツがやむを得ない理由で異なる場合(たとえば、タイムスタンプなど)、ハイドレーションの不一致警告を抑制することができます。 |
116 | 116 |
|
117 | 117 | 要素のハイドレーション警告を抑制するには、`suppressHydrationWarning={true}` を追加します。
|
118 | 118 |
|
|
You can’t perform that action at this time.
0 commit comments