|
1 | 1 | ---
|
2 |
| -title: React DOM APIs |
| 2 | +title: React DOM API |
3 | 3 | ---
|
4 | 4 |
|
5 | 5 | <Intro>
|
6 | 6 |
|
7 |
| -The `react-dom` package contains methods that are only supported for the web applications (which run in the browser DOM environment). They are not supported for React Native. |
| 7 | +`react-dom` パッケージには、ウェブアプリケーション(ブラウザの DOM 環境で動作する)でのみサポートされるメソッドが含まれています。これらは React Native ではサポートされません。 |
8 | 8 |
|
9 | 9 | </Intro>
|
10 | 10 |
|
11 | 11 | ---
|
12 | 12 |
|
13 |
| -## APIs {/*apis*/} |
| 13 | +## API {/*apis*/} |
14 | 14 |
|
15 |
| -These APIs can be imported from your components. They are rarely used: |
| 15 | +これらの API はインポートしてコンポーネントで使用できます。これらはあまり使用されません。 |
16 | 16 |
|
17 |
| -* [`createPortal`](/reference/react-dom/createPortal) lets you render child components in a different part of the DOM tree. |
18 |
| -* [`flushSync`](/reference/react-dom/flushSync) lets you force React to flush a state update and update the DOM synchronously. |
| 17 | +* [`createPortal`](/reference/react-dom/createPortal) は、DOM ツリーの別の場所に子コンポーネントをレンダーできるようにします。 |
| 18 | +* [`flushSync`](/reference/react-dom/flushSync) は、React に state の更新を強制的にフラッシュさせ、DOM を同期的に更新させます。 |
19 | 19 |
|
20 | 20 | ---
|
21 | 21 |
|
22 |
| -## Entry points {/*entry-points*/} |
| 22 | +## エントリポイント {/*entry-points*/} |
23 | 23 |
|
24 |
| -The `react-dom` package provides two additional entry points: |
| 24 | +`react-dom` パッケージは、2 つの追加のエントリポイントを提供します。 |
25 | 25 |
|
26 |
| -* [`react-dom/client`](/reference/react-dom/client) contains APIs to render React components on the client (in the browser). |
27 |
| -* [`react-dom/server`](/reference/react-dom/server) contains APIs to render React components on the server. |
| 26 | +* [`react-dom/client`](/reference/react-dom/client) は、クライアント(ブラウザ内)で React コンポーネントをレンダーするための API を含んでいます。 |
| 27 | +* [`react-dom/server`](/reference/react-dom/server) は、サーバ上で React コンポーネントをレンダーするための API を含んでいます。 |
28 | 28 |
|
29 | 29 | ---
|
30 | 30 |
|
31 |
| -## Deprecated APIs {/*deprecated-apis*/} |
| 31 | +## 非推奨の API {/*deprecated-apis*/} |
32 | 32 |
|
33 | 33 | <Deprecated>
|
34 | 34 |
|
35 |
| -These APIs will be removed in a future major version of React. |
| 35 | +これらの API は、React の将来のメジャーバージョンで削除される予定です。 |
36 | 36 |
|
37 | 37 | </Deprecated>
|
38 | 38 |
|
39 |
| -* [`findDOMNode`](/reference/react-dom/findDOMNode) finds the closest DOM node corresponding to a class component instance. |
40 |
| -* [`hydrate`](/reference/react-dom/hydrate) mounts a tree into the DOM created from server HTML. Deprecated in favor of [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). |
41 |
| -* [`render`](/reference/react-dom/render) mounts a tree into the DOM. Deprecated in favor of [`createRoot`](/reference/react-dom/client/createRoot). |
42 |
| -* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) unmounts a tree from the DOM. Deprecated in favor of [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount). |
| 39 | +* [`findDOMNode`](/reference/react-dom/findDOMNode) は、クラスコンポーネントのインスタンスに対応する最も近い DOM ノードを検索します。 |
| 40 | +* [`hydrate`](/reference/react-dom/hydrate) は、サーバの HTML から作成された DOM にツリーをマウントします。非推奨です。代わりに [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) を使用してください。 |
| 41 | +* [`render`](/reference/react-dom/render) は、DOM にツリーをマウントします。非推奨です。代わりに [`createRoot`](/reference/react-dom/client/createRoot) を使用してください。 |
| 42 | +* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) は、DOM からツリーをアンマウントします。非推奨です。代わりに [`root.unmount()`](/reference/react-dom/client/createRoot#root-unmount) を使用してください。 |
43 | 43 |
|
0 commit comments