React + JSX - подключение на сайт без webpack

Question

Столкнулся с проблемой подключения React + JSX на сайт. Все делал по документации, но все равно не выходит.

Как подключаю:

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

Идем дальше:

<body>
    <div id="root"></div>
    <script type="text/babel">
        class MyCl extends React.Component {
            render() {
                return (
                    <div>Hello</div>
                )
            }
        }
      ReactDOM.render(
        MyCl,
        document.getElementById('root')
      );

    </script>
  </body>

В консоле получаю ошибку: Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it.

БЛОГ НА HUSL

React + JSX - подключение на сайт без webpack

Ответы (0 шт):