How to embed a React component in 1C-Bitrix: Site Management?

Question

1C-Bitrix

There is a site on Bitrix, there is a small interactive component written by React.js, it needs to be displayed in the page template of the site on Bitrix.

Answer 1

And what's the problem?
Sample:

<div id="my-react-module-root"></div>
<script type="text/javascript" src="my-react-module-bundle.js"></script>

Point of entry:

import React from 'react';
import { render } from 'react-dom';
import MyReactModule from './MyReactModule';

render(
  <MyReactModule />,
  document.getElementById('my-react-module-root'),
);