Question

我收到“未捕获的不变违规：目标容器不是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'));

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

1 个答案: