ReactJs:目标容器不是DOM元素

时间:2018-03-06 20:48:30

标签: reactjs

我得到了一个非常基本的ReactJs示例的错误。

index.js:

import React, { Component } from 'react';
import { render } from 'react-dom';
import { Router, Route } from 'react-router';
class App extends Component {
    render() {
        return (<h1>Hi</h1>);
    }
}
render(<App />, document.getElementById('app'));

我在这里缺少什么?感谢。

2 个答案:

答案 0 :(得分:0)

您需要HTML文件中ID为app的元素。通常情况下,你的身体里只有一个空div。

<body>
  <div id="app></div>
</body>

有关详细信息,请参阅here

答案 1 :(得分:0)

您发布的代码似乎很好。很可能问题出在HTML部分。

首先,您可以查看:https://codesandbox.io/s/74rq1z90vj