Реакция на обновление страницы. Ничего не возвращено из-за ошибки визуализации.

Question

я не знаю почему, но когда я обновляю страницу, я получаю эту ошибку: но когда я пытаюсь перейти на ту же страницу из меню с ссылкой на маршрутизатор, все работает хорошо

(AComponent)... Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

Module../src/index.js
src/index.js:11
   8 | 
   9 | 
  10 | const target = document.querySelector('#root')
> 11 | render(
  12 |   <Provider store={store}>
  13 |     <ConnectedRouter history={history}>
  14 |       <div className="row">

здесьгде эта ошибка отображается.

import React from 'react'
import * as ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import { ConnectedRouter } from 'connected-react-router'
import store, { history } from './store'
import App from './containers/app'
import 'bootstrap/dist/css/bootstrap.min.css';


ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <div className="row">
        <App />
      </div>
    </ConnectedRouter>
  </Provider>,
  document.getElementById('root')
);

Answer 1

import ReactDOM from 'react-dom';

Answer 2

спасибо всем за помощь.Я разбираюсь с этой проблемой.Эта проблема не связана с реакцией-маршрутизатором или чем-то еще, потому что в каком-то состоянии компонента был нулевым, где я рендерил компонент условно с состоянием

Answer 3

ты пробовал это? Вот как вы бы прикрепили свой проект React к элементу.

import * as ReactDOM from 'react-dom';

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <div className="row">
        <App />
      </div>
    </ConnectedRouter>
  </Provider>,
  document.getElementById('root')
);