ReactDOM API

The ReactDOM package lets you render React components on a webpage.

Typically, you will use ReactDOM at the top level of your app to display your components. You will either use it directly or a framework may do it for you. Most of your components should not need to import this module.

Installation

Terminal

npm install react-dom

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

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

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

Browser Support

ReactDOM supports all popular browsers, including Internet Explorer 9 and above. Some polyfills are required for older browsers such as IE 9 and IE 10.

Exports

render

Displays a React component inside a browser DOM node.

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

This section is incomplete and is still being written!

PrevioususeState()Nextrender()