2015-03-26 2 views
3

Привет Я работаю над учебниками React.js, и я столкнулся с препятствием. При использовании React он отлично работает с трансформатором jsx на моей странице. Как только я удалю этот скрипт и скомпилирую jsx в js, он больше не работает. Я использую компилятор jsx, который React рекомендует на своей странице. Вот мой код:Предварительно скомпилированный JSX React, js не работает

jsFiddle

<div id="content"></div> 
<script src="https://fb.me/react-0.13.1.js"></script> 
<script type="text/jsx"> 
    var CommentBox = React.createClass({displayName: "CommentBox", 
     render: function() { 
      return (
        React.createElement("div", {className: "commentBox"}, 
          "Hello, world! I am a CommentBox." 
        ) 
      ); 
     } 
    }); 
    React.render(
      React.createElement(CommentBox, null), 
      document.getElementById('content') 
    ); 
</script> 

Спасибо за помощь!

ответ

10
<script type="text/jsx"> 

Если вы не используете JSX, вы должны удалить этот тип. Тогда он будет работать так, как ожидалось. (Fiddle)

+0

Ничего себе, спасибо, я пропустил это в учебнике. Я просто потратил впустую час, пытаясь понять, в чем проблема! – Munk