なぜ私のコードは動作しませんか？私のコードを修正する方法は？

Question

var PropsChildren = React.createClass({ 
    render: function(){ 
     return 
     <div> 
      { React.Children .map(this.props.children,function(child){ 
       return <a>{child}</a>; 
      })} 
     </div> 
     ; 
    } 
}); 
ReactDOM.render(
    <PropsChildren> 
     <span>Hello </span> 
     <span>Hello</span> 
    </PropsChildren>, 
    document.getElementById('container') 
); 

Answer 1

return文の前後に()を追加するのを忘れた。これを修正するには、returnと同じ行でJSXを起動することもできます。

var PropsChildren = React.createClass({ 
    render: function() { 
    return (
     <div> 
     {React.Children.map(this.props.children, function(child) { 
      return <a>{child}</a>; 
     })} 
     </div> 
    ); 
    } 
}); 

ReactDOM.render(
    <PropsChildren> 
    <span>Hello </span> 
    <span>Hello</span> 
    </PropsChildren>, 
    document.getElementById('container') 
);