2016-09-03 13 views
0

こんにちは私はReactJsを初めて使いました。私はブラウザでこのコードを実行しようとしましたが、出力は空白でした。助けてください。反応の出力が応答しない

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8" /> 
<title>react</title> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script> 
</head> 
<body> 
<script type="text/bable"> 
    var HelloWorld = React.CreateClass({ 
     render: function() { 
      return <div> 
       <h1> Hello World! </h1> 
       <p>This is some text</p> 
      </div> 
     } 
    }); 
    React.render(<HelloWorld />, document.body); 
</script> 
</body> 
</html> 

答えて

0
<script type="text/bable"> 
    var HelloWorld = React.createClass({ 
     render: function() { 
      return (
       <div> 
        <h1> Hello World! </h1> 
        <p>This is some text</p> 
       </div> 
      ) 
     } 
    }); 

    ReactDOM.render(<HelloWorld />, document.body); 

</script> 

まず、あなたはDOM要素 第三のブロックを返却しているので、我々は(代わりにReact.renderの今ReactDOM.render()を使用)(であなたのリターンを囲み、React.createClass セカンドを使用)

関連する問題