渲染时目标容器不是 DOM 元素

Question

我在 ReactJS 中渲染时得到 "Uncaught Invariant Violation: Target container is not a DOM element."。

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(元素, 容器[ 回调])

将 React 元素渲染到提供的容器中的 DOM 和 return 对组件的引用（或 return 无状态组件的 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'));

渲染时目标容器不是 DOM 元素

Target container is not a DOM element while rendering

reactjs

react-dom