Задать вопрос
@artjerom
react

Почему не работает jsx?

Почему не работают методы в jsx, вот пример:
var HelloMessage = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(<HelloMessage name="John" />, mountNode);


А вот порядок подключения скриптов:
<!DOCTYPE html>
html(lang="en")
head
  meta(charset="UTF-8")
  title show react
  script(src='libs/react/react.min.js')
  script(src='libs/react/react-dom.min.js')
  script(src='libs/react/react-dom-server.min.js')
  script(src='libs/react/react-with-addons.min.js')
body
  .container
    h1 Gulp file
    hr
  script(src='jsx_template/test.js')

В консоли хрома выводит следующие сообщение:
Uncaught ReferenceError: mountNode is not defined
Подобная ошибка есть не только в этом примере
  • Вопрос задан
  • 1640 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
rmaksim
@rmaksim
потому что mountNode is not defined
https://facebook.github.io/react/docs/getting-star...
ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('example')
);

найдите одно (важное) отличие от вашего кода ;)
Ответ написан
Комментировать
Комментировать
@Slavken
определи mountNode сначала для какого-нить элемента из твоего html

что-то вроде:
mountNode = document.getElementById('container');
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Senior React Developer
DARS • Москва
от 200 000 до 300 000 ₽
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка мобильных приложений unity
08 мая 2024, в 16:40
70000 руб./за проект
Натсройка Apache на Ubuntu 18.04
08 мая 2024, в 16:29
500 руб./за проект
Разработать статичный вебсайт на Next.js
08 мая 2024, в 16:27
40000 руб./за проект
Ещё заказы