ReactDOM APIs

This section is incomplete, please see the old docs for ReactDOM.

The ReactDOM package provides DOM-specific methods that your components can import.

Most of your components should not need to import this module.

Installation

Terminal

npm install react-dom

// Importing a specific API:
import { createPortal } from 'react-dom';

// Importing all APIs together:
import * as ReactDOM from 'react-dom';

You’ll also need to install the same version of React.

Create a portal.

createPortal(child, container);

Flush in progress updates.

flushSync(() => {
  // ...
});

Displays a React component inside a browser DOM node (deprecated).

render(<App />, document.getElementById('root'));

Hydrate server-rendered HTMl (deprecated).

hydrate(<App />, document.getElementById('root'));

The ReactDOMClient APIs let you render React components in the browser.

import * as ReactDOMClient from 'react-dom/client';

The ReactDOMServer APIs let you render React components to HTML.

import * as ReactDOMServer from 'react-dom/server';