reactjsHow do I render a component in ReactJS?

Rendering a component in ReactJS is done using the ReactDOM.render() method. This method takes two arguments: the React element or component to be rendered and the DOM node where the element should be rendered.

For example, the following code will render a <MyComponent /> element inside a <div> with an id of root:

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

This code will output nothing, but it will render the <MyComponent /> element inside the <div> with an id of root.

Code explanation

• ReactDOM.render() - The method used to render a React element or component.
• <MyComponent /> - The React element or component to be rendered.
• document.getElementById('root') - The DOM node where the element should be rendered.

Helpful links

• ReactDOM.render() - React Documentation
• React Components - React Documentation

Edit this code on GitHub