@artjerom

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

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

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

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

Похожие вопросы