2015-12-08 2 views
1

я не понимаю, почему следующее не сделает кнопку на странице:ReactDOM не делает элемент

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Basic Example</title>  
    </head> 
    <body> 

    <div id="container"></div> 

    <script src="./build/react.js"></script> 
    <script src="./build/react-dom.js"></script> 
    <script src="./build/react-with-addons.js"></script> 



<script type="text/jsx"> 
     /** @jsx React.DOM */ 

var Button = React.createClass({ 
    render: function(){ 
    return (
     <button>Go</button> 
    ) 
    } 
}); 

ReactDOM.render(<Button />, document.getElementById('container')); 

</script> 


    </body> 
</html> 

Единственный выход я вижу в консоли:

Download the React DevTools for a better development experience: https://fb.me/react-devtools 

Как я понимаю это не сообщение об ошибке.

+0

Вы пытаетесь отобразить тот же компонент, который вы декларируете. Также попробуйте не указывать ваши компоненты как существующие html-файлы. – jmingov

+0

не помогает решить мою проблему – runtimeZero

+0

Привет, я новичок в реагировании и получаю ту же ошибку при запуске простого примера «Hello world». Ваш запрос разрешен? Обновите эту страницу с ответом, который сработал для вас. Большое спасибо. – Shivam

ответ

3

Это минимальные изменения, которые я нашел, чтобы заставить его работать. (Смотрите также Getting Started стр.)

  • Заменить ./build/react-with-addons.js с https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js.
  • Заменить text/jsx на text/babel.
  • Удалить строку /** @jsx React.DOM */.

Но это может привести к другим сообщениям об ошибках, по крайней мере в Firefox, в консоли, хотя это не влияет на функциональность примера.

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