пустой экран при запуске кода

Код, в котором я сейчас работаю, это простой код мира привет.пустой экран при запуске кода

<!DOCTYPE html> 
<html> 
<head> 
    <!-- The core React library --> 
    <script src="http://localhost/react/react.js"></script> 
    <!-- The ReactDOM Library --> 
    <script src="http://localhost/react/react-dom.js"></script> 
    <meta charset="utf-8"> 
    <title>test</title> 
</head> 
<body> 
    <div id="content"></div> 
    <script type="text/jsx"> 
     var NewComponent = React.createClass({ 
      render : function(){ 
       return (
        <h2>My Name is React</h2> 
       ); 
      } 

     }); 
     React.render(<NewComponent/>,document.getElementById('content')); 
    </script> 
</body> 
</html>

Когда я запускаю код, я получаю пустой экран, в консоли отсутствует ошибка.

источник

2016-12-22 Krishna Kumar

Это '' ReactDom.render' не React.render' – Kafo

до сих пор не получают после использования ReactDom.render –

как у ¨R используя Localhost для реакции LIB ?? использовать ' ' для реакции и реакции dom. –

Вместо использования ссылок LOCALHOST, используйте эти ссылки, он будет работать:

<script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>

Проверьте этот пример Hello World: https://jsfiddle.net/reactjs/69z2wepo/

источник

2016-12-22 07:23:59

сделать два изменения в коде

Первое: После того, как react v0.13 React.render устарел, и поэтому вам необходимо использовать ReactDOM.render

Во-вторых: Когда вы укажете источники сценариев, им необходимо предоставить относительный файл index.html, содержащий ваш код.

<!DOCTYPE html> 
<html> 
<head> 
    <!-- The core React library --> 
    <script src="./relative/path/to/react/react.js"></script> 
    <!-- The ReactDOM Library --> 
    <script src="./relative/path/to/react/react-dom.js"></script> 
    <meta charset="utf-8"> 
    <title>test</title> 
</head> 
<body> 
    <div id="content"></div> 
    <script type="text/jsx"> 
     var NewComponent = React.createClass({ 
      render : function(){ 
       return (
        <h2>My Name is React</h2> 
       ); 
      } 

     }); 
     ReactDOM.render(<NewComponent/>,document.getElementById('content')); 
    </script> 
</body> 
</html>

источник

2016-12-22 08:36:32

пустой экран при запуске кода

ответ

Смежные вопросы