How do I render JSX in React?

How do I render JSX in React?

To render JSX in React, you can use the ReactDOM.render() method. You need to pass your JSX element and the DOM node where you want to render it.

Can you show me a simple example?

Sure! Here's a basic example:

import React from 'react';
import ReactDOM from 'react-dom';

const element = <h1>Hello, world!</h1>;
ReactDOM.render(element, document.getElementById('root'));

What if I want to render a component instead of a simple element?

You can render a component just like you render an element. For example:

function MyComponent() {
  return <h1>Hello from MyComponent!</h1>;
}

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