in React JS by
Q:
react-dom Installation

1 Answer

0 votes
by

This package serves as the entry point to the DOM and server renderers for React. It is intended to be paired with the generic React package, which is shipped as react to npm.

Installation

npm install react react-dom

Usage

In the browser


var React = require('react');

var ReactDOM = require('react-dom');

class MyComponent extends React.Component {

  render() {

    return <div>Hello World</div>;

  }

}

ReactDOM.render(<MyComponent />, node);

On the server


var React = require('react');

var ReactDOMServer = require('react-dom/server');

class MyComponent extends React.Component {

  render() {

    return <div>Hello World</div>;

  }

}

ReactDOMServer.renderToString(<MyComponent />);

API

react-dom

  • findDOMNode
  • render
  • unmountComponentAtNode

react-dom/server

  • renderToString
  • renderToStaticMarkup

Related questions

0 votes
asked Feb 24 in React JS by SakshiSharma
  • #custom-dom
  • reactjs-dom
  • react-dom
  • dom-v16
  • react-v16
0 votes
asked May 29, 2020 in React JS by anonymous
0 votes
asked Dec 14, 2019 in React JS by AdilsonLima
0 votes
asked Dec 14, 2019 in React JS by AdilsonLima
0 votes
asked Mar 20, 2020 in React JS by JackTerrance
...