Хочу подключить react через cdn. Не работает. В чём проблема?

180
17 июня 2022, 01:00
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>React!</title>
        <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@6.15.0/babel.min.js"></script>
        
    </head>
    <body>
        <div id="container">
        </div>
            <script type="text/babel">
                class Hello extends React.Component{render() {return <p>Hello!</p>}}
                ReaсtDOM.render(<Hello/>,document.querySelector("#container"));
            </script>
    </body>
</html>
Answer 1

Подробнее.

<script src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<div id="container"></div>
<script type="text/babel">
  class Hello extends React.Component{
      render() {
          return <p>Hello!</p>
      }
  }; 
  ReactDOM.render(<Hello />, document.querySelector('#container') );
</script>

READ ALSO
Подгрузка контента через кнопку &quot;Показать еще&quot;

Подгрузка контента через кнопку "Показать еще"

Есть такой вид списка новостей:

200
Возможно ли написать динамически вложенные if блоки?

Возможно ли написать динамически вложенные if блоки?

Есть задача сортировать пользователей по дате последнего входа в систему

215
Как поместить в state компонента данные из reducer

Как поместить в state компонента данные из reducer

Я получаю данные из JSON-файла в файле actionsjs и устанавливаю их в reducer sections:

220
Универсальный шаблонизатор для файлов на js/ts

Универсальный шаблонизатор для файлов на js/ts

Стало напрягать создавать ручками много файлов и хотелось бы немного автоматизировать процессКаким инструментом можно создавать файлы...

187