Question

我不知道为什么，但是当我刷新页面时出现此错误：但是，当我尝试使用react-router链接从菜单进入同一页面时，一切正常

LocationManager

此错误显示在这里。

(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">

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，而我有条件地以

状态呈现组件

对页面刷新做出反应渲染错误未返回任何内容

3 个答案: