Блог

Я получаю «Неперехваченное инвариантное нарушение: целевой контейнер не является элементом 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'));
  

Вот как выглядит мой код.

ReactDOM.render(элемент, контейнер[, обратный вызов])

Визуализируйте элемент React в DOM в предоставленном контейнере и возвращайте ссылку на компонент (или возвращает null для компонентов без состояния). для получения дополнительной информации

для рендеринга есть только два параметра, поэтому вы можете обернуть свой код в 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'));