Код React не запускается - Основы React
Идентификатор div в строке 9 не вызывается.
В выходных данных не отображается текст, вызываемый функцией responseDom.render. Он печатает только «Hello World из формы индекса в HTML» в строке 10. Что мне не хватает ???
Использование экспресс-веб-сервера для запуска.
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8"/>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<title>React App</title>
</head>
<body>
<h1>Hello world from the index</h1>
<div id = "app1"></div>
<script type = "text/babel">
ReactDOM.render(
<h1>HELLLLLOO</h1>,
document.getElementById('app1')
);
</script>
</body>
</html>
@ShubhamKhatri все равно не работает
Тайм-аут вашего CDN. Используйте другую ссылку cdn. Также используйте babel-standalone вместо babel-core
да, ни одна из использованных ссылок cdn не загружается. кажется устаревшим
@BhojendraRauniyar Любая другая ошибка, вы можете подумать. Сменил ссылки, попробовал. Новые ссылки cdn, которые я использую, живы и в порядке. Это все еще не работает.
Ответы 2
Похоже, это старая версия React в вашем скрипте, которая не включает объект ReactDOM. Однако с последней версией React и заменой ReactDom на ReactDOM ваш код компилируется нормально.
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8"/>
<script src = "https://cdnjs.cloudfare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
</head>
<body>
<h1>Hello world from the index form within HTML</h1>
<div id = "app1"></div>
<script type = "text/babel">
ReactDOM.render(
<h1>HELLLLLOO</h1>,
document.getElementById('app1')
);
</script>
</body>
</html>ReactDOM доступен в версии React 0.14.X
В этом случае что-то должно быть не так с предоставленным им кодом библиотеки, который равен 0.14.X, потому что я получаю сообщение об ошибке Uncaught ReferenceError: ReactDOM is not defined, используя предоставленную им ссылку на библиотеку.
Ссылка CDN не загружается. Предоставление тайм-аута
@ShubhamKhatri Я обновил ссылки CDN, но все еще не работает. Ссылки, которые я использую сейчас, живы и работают. Я обновил вопрос для вашей справки
Ссылки CDN выглядят устаревшими. Это отлично работает:
<div id = "root"></div>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<script type = "text/babel">
ReactDOM.render(
<h1>Hello</h1>,
document.getElementById('root')
);
</script>Ах, я думаю, ваша проблема в обновленном коде, похоже, связана с babel-ссылкой. Это должен быть babel, а не браузер.
Так, например, просто замените:
https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js
С участием:
https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js
Вот список ссылок, по которым вы можете рассмотреть возможность использования конкретной версии:
https://cdnjs.com/libraries/react
Используйте
ReactDOM.render(вместоReactDom.render(