2016-09-03 2 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 제를 사용