codepen - почему не запускается мой основной процессор

Question

Я пытаюсь настроить приложение простого реагирования с помощью codepen.Я создал очень миниатюрное приложение «голые кости».

Однако приложение не показывает ожидаемый результат.Когда приложение выполнится успешно, ожидается, что вывод метода рендеринга кода реакции заменит содержимое div в выводе.Но статический вывод не меняется и ошибки тоже нет.

Я проверил несколько примеров приложений реагирования в codepen и обнаружил, что мой код идентичен, за исключением того, что я использую последнюю версию реагированият.е. 16.4.2, подобранный Codepen, в то время как примеры предназначены для реакции 13 или реакции 15. Я подозреваю, что это может быть проблемой, но я не уверен.

Может кто-нибудь помочь мне с последней версиейреагировать или указать мне на ошибку в моем коде?

Ниже приведен фрагмент кода codepen, который я воссоздал с использованием фрагмента стека.Когда я проверяю этот фрагмент стека, он работает и дает желаемый результат.Фрагмент стека не имеет возможности выбрать ReactJS 16, так как максимальная поддерживаемая версия - 15.

Возможно, это означает, что существует проблема с responsejs 16 с codepen?

class App extends React.Component {
  render() {
    console.log("Rendering...");
    return <p> Thoooo...</p>
  }
}

ReactDOM.render(<App />, document.getElementById("app"));

html, body
  height: 100%

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="app">
  foooo
</div>

Answer 1

Какое-то исследование, я обнаружил, что предложенное по умолчанию реагирование 16.4.2, предлагаемое при поиске в диалоге настроек codepen, не работает.

Выберите предыдущую версию библиотекиactjs, например (https://cdnjs.cloudflare.com/ajax/libs/react/15.6.1/react.min.js), явным образом вставив копию и соответствующую библиотеку responseDOM.

Answer 2

Предлагаемая версия ReactDOM не работает с предлагаемой версией React.Я решил свои проблемы, сделав ReactDOM v16.4.2

https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js

Answer 3

Вы должны добавить ссылки через настройки. ] Перо: https://codepen.io/anon/pen/bmVgxm

    class App extends React.Component {
  render() {
    console.log("Rendering...");
    return <p> Thoooo...</p>
  }
}

ReactDOM.render(<App />, document.getElementById("app"));