Как я могу правильно обработать этот компонент?

У меня есть компонент, определенный, Pragmatometer, что я пытаюсь сделать, чтобы Div # главный:Как я могу правильно обработать этот компонент?

 React.render(React.createElement(Pragmatometer, 
      {}), document.getElementById('main'));

JavaScript консоль показывает Chrome, можно с номерами строк в тысячах для ReactJS:

Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element.

Мои HTML является:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Pragmatometer</title> 
    <style type="text/css"> 
     body 
      { 
      font-family: Verdana, Arial, sans; 
      } 
    </style> 
</head> 
<body> 
    <h1>Pragmatometer</h1> 
    <div id="main"></div> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react.js"> 
    </script> 
    <script 
     src="//cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"> 
    </script> 

    <script src="/js/site.js"></script> 
</body> 
</html>

ли ошибка в том, что React.render() вызова, или вопрос относительно компонента Pragmatometer? Каковы обычные подозреваемые в этом вопросе?

Спасибо,

источник

2015-03-20 JonathanHayward

Просто идея .. переместить файлы сценариев в части документа? – mike123

Установили ли вы компонент Pragmatometer? и почему бы вам не использовать синтаксис jsx? – Whisher

рендеринга теперь осуществляется с помощью ReactDOM.render()

ReactDOM.render(
    React.createElement('Pragmatometer', 
     null, 'Hello'), 
     document.getElementById('app') 
    );

источник

2016-08-18 05:14:15

Это работает

React.render(
     React.createElement('Pragmatometer', 
      null, 'Hello'), 
     document.getElementById('main') 
    );

, если вы хотите использовать Pragmatometer без единой цитаты «» вы должны установить его ABD я задаюсь вопросом, почему вы не используете JSX это очень легко для записи компонента.

источник

2015-03-20 19:59:50 Whisher

Как я могу правильно обработать этот компонент?

ответ

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