页面刷新时反应从渲染错误中没有返回任何内容

Question

我不知道为什么但是当我刷新页面时我得到了这个错误：但当我尝试从菜单中使用react-routing链接同样的页面时，一切运行良好

(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

你试过这个吗？这就是你将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')
);

Answer 3

谢谢大家的帮助。我弄清楚了这个问题。这是与react-router或其他任何东西无关的问题，因为在某些组件状态为null时，我在状态上有条件地渲染组件