Невозможно сделать рендер: React.renderComponent в моем приложении meteor

Question

Привет, я только начал делать свое приложение метеора с помощью реакции (jsx) в webstorm, и я не могу понять, почему мой компонент React не будет отображаться независимо от того, насколько я ищу вокруг.

Я следовал this tutorial и это скрипт в моем HTML

<script type="text/jsx"> 
    /*** @jsx React.DOM */ 

    var APP = React.createClass({ 
     render:function(){ 
      return (
       <div> 
        <h1>this is a app</h1> 
       </div> 
       ) 
     } 
    }); 

    React.renderComponent(<APP />, document.getElementById('content')) 
</script> 

но когда я запустить приложение метеора я получаю this in the browser

UPDATE: Проблема закончилась тем, что мне нужно, чтобы сделать мои компоненты в мой метеорный документ (в js) не в разделе jsx моего html

Answer 1

Похоже, что он просто жалуется на jsx и не нравится теги. Может быть, попробовать это без jsx для вызова renderComponent?

React.renderComponent(React.createElement(APP, null), document.getElementById('content')) 

В противном случае, попробуйте преобразовать все ваши JSX (включая определение класса) в нативные ЯША:

var APP = React.createClass({displayName: "APP", 
     render:function(){ 
      return (
       React.createElement("div", null, 
        React.createElement("h1", null, "this is a app") 
       ) 
       ) 
     } 
    }); 

    React.renderComponent(React.createElement(APP, null), document.getElementById('content')) 

Вы можете использовать удобный jsx compiler, что Facebook предоставляет

Answer 2

Вы можете попробовать среагировать-метеор, Он позволяет создавать компоненты с помощью класса reactMeteor и экспортировать их в качестве шаблона метеорного пламени, что упрощает его повторное использование.