呈现时，目标容器不是DOM元素

Question

我得到“Uncaught Invariant Violation：目标容器不是DOM元素。”在ReactJS中渲染时。

ReactDOM.render(
<ApolloProvider client={client}>
    <App />
</ApolloProvider>,
<Router>
    <div>
        <Route exact path='/' component={App} />
        <Route path='/edit/:id' component={Edit} />
        <Route path='/create' component={Create} />
        <Route path='/show/:id' component={Show} />
    </div>
</Router>,
document.getElementById('root'));

这就是我的代码看起来的样子。

Answer 1

ReactDOM.render（element，container [，callback]）

将React元素渲染到提供的容器中的DOM中，并返回对组件的引用（或对无状态组件返回null）。 for more info

渲染只有两个参数，因此您可以将代码包装在div中

例如：

ReactDOM.render(
<div>
  <ApolloProvider client={client}>
    <App />
  </ApolloProvider>,
  <Router>
    <div>
        <Route exact path='/' component={App} />
        <Route path='/edit/:id' component={Edit} />
        <Route path='/create' component={Create} />
        <Route path='/show/:id' component={Show} />
    </div>
 </Router>
</div>,
document.getElementById('root'));