在路由器路由上做出无限循环反应

Question

每当运行以下代码行时，我都会得到一个无限循环

<Route exact path='/' component={App} />

我得到一个无限循环，我认为这是因为 React 不知道 im 指的是类名App，我怎么会让 React 知道 im 指的是类名？

以下内容无需<Route exact path='/' component={App} />

import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import './App.css';
import AddItem from './components/AddItem';
import IndexItem from './components/IndexItem';

class App extends Component {
render() {
return(
<Router>
<div>
// <Route exact path='/' component={App} />
<Route path='/add-item' component={AddItem} />
<Route path = '/index' component = {IndexItem}/>
</div>
</Router>

)
}
}
export default App;

Answer 1

你在<App />中渲染<App />。

你的反应应用的索引.js正在渲染组件。当 App 组件呈现时，"/"路由匹配并尝试再次呈现该组件。因此，无限循环。