Reactjs - код недоступен после возврата

При выполнении этой части кода возникает следующая ошибка:Reactjs - код недоступен после возврата

Недоступный код после оператора возврата.

<!DOCTYPE html> 
<html> 
<head> 
    <title>React Components</title> 
</head> 

<body> 
    <div id="react-container"></div> 
    <script type="text/babel"> 

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

     React.render(<MyComponent/> ,document.getElementById('react-container')); 

    </script> 
</body> 

</html>

источник

2016-05-05 user1050619

Ваш 'MyComponent' компонент должен быть между круглыми скобками, AFAIK, как:' функция() {возвращение (

MyComponent

); }}) '. – Ciprianis

Также необходимо иметь оператор 'return' и значение, которое вы возвращаете в той же строке. Вы также должны использовать 'ReactDOM.render'. – Ciprianis

JSX не может быть истолковано браузерами, так что вы не можете делать такие вещи, как return <div>MyComponent</div> непосредственно в HTML-страницу, которую вы собираетесь оказывать в браузере, как это. Вам нужно будет перевести JSX в ES5, используя Babel, прежде чем использовать его в браузере для интерпретации.

источник

2016-05-06 14:51:20 djskinner

Проблема была, вероятно, в использовании более новой версии babel (версии, которая появляется после 6). Потому что я столкнулся с той же проблемой, как you.Try, используя версию, которая старше, как следующие,

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.js"></script>

источник

2016-09-13 05:39:10 AVI

Спасибо. У меня была та же проблема, и это решило это. Я использовал 5.8.24. –

Reactjs - код недоступен после возврата

ответ

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