@laketych
Баскетболистный программист

Как отобразить простой «Hello World» в ReactJS?

Не получается даже заинтрепритировать первую простую программу на ReactJS. В чем проблема?

<!doctype html>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
    </head>

    <body>
        <div id="root"></div>
        <script src="index.js"></script>
    </body>
</html>


import React from "react"
import ReactDOM from "react-dom"

ReactDOM.render(<div><h1>Hello World</h1><p>This is a paragraph</p></div>,
                document.getElementById("root"))
  • Вопрос задан
  • 348 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Create React App
Если не установлена Node.js, то ее предварительно надо установить.
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
@wug1
Новичок
Есть же документация, видеоуроки. Вам, что лень погуглить?
Ответ написан
@alsii
PHP, Symfony, MySQL, etc...
Вы используете JSX. Значит должны делать транспиляцию. Система сборки у вас правильно настроена? Ну вот все эти webpack и т.п.? ES6 import в том виде, как вы его используете тоже требует транспиляции...
Ответ написан
miliko0022
@miliko0022
Краткие личные сведения, включая интересующую вас
всё работает Что ты хочешь Link.
Ответ написан
@timkovik
  1. скорее всего, причина нерабочести кода связана как-то с отсутствием кавычек, в которые должен быть обернут строковый параметр (тот html код, который ты хочешь рендерить)
  2. обычно причины неработоспособности кода js описаны в консоли браузера
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы