Javascript React路由器，超过最大调用堆栈大小

尝试设置react路由时出现一些奇怪的错误

这是我的主index.js文件

class App extends React.Component{

  constructor(props) {
    super(props);
    this.state = {

    };
  }

  render(){
    return (
       <Router history={hashHistory}>
        <Route path={'/'} component={App}>
          <Route path={'/quizzes'} component={Quiz}> </Route>
        </Route>
       </Router>
      )
  };
};

ReactDOM.render(<App />,
    document.getElementById('content'));

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
};
}
render（）{
返回(
)
};
};
ReactDOM.render（，
document.getElementById（'content'）；

我得到的错误是

uncaughtrangeerror:超过了最大调用堆栈大小

---

不知道为什么要渲染路由器上的应用程序。然后路由器呈现一个无限循环的应用程序。我想你是想做更像这样的事

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
};
}
render（）{
返回(
{this.props.children}
)
};
};
ReactDOM.render(
,
document.getElementById（'content'）这不是递归吗？但如果我删除它，我会得到
[react router]Location/”与任何路由都不匹配
没关系，我现在解决了它。将其他位置设置为/