2016-09-03 4 views
0

Я не получаю вывод к этому коду с помощью reactjs, пожалуйста, сообщите мне, в чем проблема с этим кодом. Я не могу найти ошибку. Я использую реакцию в первый раз.не может отображаться с реакцией

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

</head> 
<body> 
</body> 


<script type="text/jsx"> 

    var HelloWorld = React.createClass({ 
    render: function() { 
    return <div> 
     Hello World 
    </div> 
    } 
    }); 

    var element = React.createElement(HelloWorld); 
    ReactDOM.render(element, document.body); 
</script> 
+0

Есть ошибки? попробуйте увидеть консоль браузера – baudo2048

+0

Ошибка отсутствует. Я тоже проверил консоль –

ответ

1

<script src="text/jsx">...</script>has been deprecated.

Вы все еще можете использовать его, если вы хотите, также включая автономную версию Бабеля в странице:

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.14.0/babel.min.js"></script> 

Однако, это довольно медленно, и это действительно целесообразно создать надлежащие Реагировать развития (возможно, используя this boilerplate, хотя у меня нет опыта с ним).

Кроме того, вы можете получить предупреждение, потому что вы передаете компонент <body>, тем самым заменив его. Вы, вероятно, захотите сделать в отдельном <div>:

<body> 
    <div id="app"></div> 
    <script src="text/jsx"> 
    ... 
    ReactDOM.render(element, document.getElementById('app')); 
    </script> 
</body> 
Смежные вопросы