Целевой контейнер не является элементом DOM в ReactJS - PullRequest
Новая
       1

Целевой контейнер не является элементом DOM в ReactJS

0 голосов
/ 07 мая 2018

Я только начал изучать ReactJS и успешно написал свой первый код. Когда тот же шаблон пришел к компоненту, я получаю сообщение об ошибке _Invariant Violation: registerComponent (...): целевой контейнер не является элементом DOM. в консоли. Я использую реагировать и Babel CDN вместо загрузки и импорта. 

<div id="=f_compo"></div>
<script type="text/babel">
    var compo= React.createClass({
        render: function(){
            return (<h3>This is a simple component</h3>);
        }
    });
    ReactDOM.render(<compo/> ,document.getElementById('f_compo'));
</script>

Это был мой index.html код (я удалил ссылки cdn в теге head из-за ошибки при публикации вопроса), а следующая вещь - это ошибка, с которой я столкнулся получение.

ошибка:

_invariant _registerComponent _renderNewRootComponent обертка renderSubtreeIntoContainer оказывать обертка я р о U е

Так как в гугле было мало решений, мне нужно четкое объяснение с указанием Почему возникает такая ошибка? и Как ее можно формально устранить?

1 Ответ

0 голосов
/ 08 мая 2018

Это опечатка 

// You declared id as "=f_compo"
<div id="=f_compo"></div>
<script type="text/babel">
    var compo= React.createClass({
        render: function(){
            return (<h3>This is a simple component</h3>);
        }
    });
    //Find the same ID here. Right now it's "=f_compo" not "f_compo"
    ReactDOM.render(<compo/> ,document.getElementById('f_compo'));
</script>
...