How to render from React component to different html pages?

Question

React

There is an index js

import React from 'react'
import {render} from 'react-dom'
import Hello from './components/Hello'

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

There is Hello.js

import React from 'react'


function Hello() {
    return (
    <h1>
       Hello 
    </h1>
    )
}

export default Hello

The component is rendered in index.html, but I need it to be rendered in another .html file (there is a div#root).
How to do it?

Answer 1

Just include the same js that is connected to index.html and to other pages.