2013-10-12 3 views
7

Я пытаюсь найти библиотеку Reactjs от Facebook и нашел ее замечательной. Я пробежал экзамен/учебник и получил его работу.Facebook React.js Пример ошибки?

Сейчас я нахожусь: http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html

И я пробуя код:

/** @jsx React.DOM */ 

var LikeButton = React.createClass({ 
    getInitialState: function() { 
    return {liked: false}; 
    }, 
    handleClick: function(event) { 
    this.setState({liked: !this.state.liked}); 
    }, 
    render: function() { 
    var text = this.state.liked ? 'like' : 'unlike'; 
    return (
     <p onClick={this.handleClick}> 
     You {text} this. Click to toggle. 
     </p> 
    ); 
    } 
}); 

React.renderComponent(
    <LikeButton />, 
    document.getElementById('example') 
); 

После выполнения кода выше, я ничего не получаю. В моей консоли Google Chrome я получил ошибку Uncaught SyntaxError: Unexpected token <, на линии, начинающейся с <p onClick={this.handleClick}>

Мне было интересно, есть ли кто-нибудь, кто может просветить меня о том, что не так с кодом?

С наилучшими пожеланиями.

ответ

17

Хорошо, я знаю, какова была ошибка.

Поскольку я разместить код в моем вопросе, как внешний файл (Like.js), убедитесь, что тег сценария следует читать следующим образом:

<script type="text/jsx" src="Like.js"></script> 

Объект «Текст/JSX» обязательна!

Спасибо!

+2

Правильно! «text/jsx» позволит JSXTransformer обработать код и позаботиться о специальном синтаксисе до того, как код действительно будет выполнен. –

+0

Моя спасательная жизнь <3 – Raccoon

Смежные вопросы