React类不渲染

Question

反应类myComponent未在元素example1内呈现。

什么我能够在控制台得到的是

您正在使用的浏览器JSX变压器。一定要预编译JSX用于生产 - http://facebook.github.io/react/docs/tooling-integration.html#jsx

代码

<script type="text/jsx"> 
      var myComponent = React.createClass({ 
       render: function() { 
       return (
        <h2>{this.props.name} wants to eat {this.props.food}</h2> 
       ); 
       } 
      }); 

React.render(
     <div> 
      <myComponent food="fruits" name="Raj1"/> 
      <myComponent food="Veggies" name="Raj2"/> 
      <myComponent food="Chicken" name="Raj3"/> 
      <myComponent food="Burger" name="Raj4"/> 
     </div>, 
      document.getElementById('example1')); 
    </script> 

Answer 1

你必须利用你的反应类

var MyComponent = React.createClass({ 
    render: function() { 
      return (
      <h2>{this.props.name} wants to eat {this.props.food}</h2> 
     ); 
    } 
}); 

working fiddle example