Задать вопрос
@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
Подобная ошибка есть не только в этом примере
  • Вопрос задан
  • 1683 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • Академия Eduson
    React-разработчик
    2 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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 разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Senior React Native Developer
SMALL
от 250 000 до 300 000 ₽
Fullstack (laravel, react)
IT ATLAS • Москва
от 200 000 до 250 000 ₽
Ещё вакансии