React.js-目标容器不是DOM元素

Question

尝试渲染一个react组件：

var wrapper = document.getElementById('wrapper');
console.log(wrapper);
ReactDOM.render(
  React.createElement(components.WrapperComponent),{modules_list:modules_list},wrapper);

给我：

错误：_registerComponent（...）：目标容器不是DOM元素。

我知道当您尝试在正确加载html documentt之前执行react时可能会引发此错误，但是我的script标签位于文档底部，即end body标签之前。 当名称不匹配时也会发生这种情况，但我确定文档中存在ID为'wrapper'的div。 当我console.log（wrapper）给我对象时，它不是未定义的 ，所以idk为什么react拒绝呈现它。

ps：我正在用RequireJS require函数“导入” react组件：

requirejs(['jsx!layout/WrapperComponent'], function (WrapperComponent) {
        components.WrapperComponent = WrapperComponent;
        render();
    });

然后render（）函数试图渲染上面公开的内容。

我的html文档的一部分：

<body class="navbar-top has-detached-right">

    <div id='wrapper'> .... </div>

Answer 1

ReactDom.render的第二个参数应该是dom容器。 但是您放了{modules_list：modules_list}。 我想你的意思是

ReactDOM.render(React.createElement(components.WrapperComponent, {modules_list:modules_list}),wrapper))

React.js-目标容器不是DOM元素

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-10-27 14:18:41

React.js-目标容器不是DOM元素

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-10-27 14:18:41

解决方案1
1 已采纳 2016-10-27 14:18:41