How to create a simple React Element displaying Hello World

Question

Can you tell me How to create a simple React Element displaying "Hello, World!"?

Answer 1

You can create a simple React element displaying "Hello, World!" like this:

Using React.createElement:

import React from 'react';

import ReactDOM from 'react-dom/client';

const element = React.createElement('h1', null, 'Hello, World!');

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(element);