Reactjs 无法通过我的路由中指定的路径访问我的组件 从“react dom”导入ReactDOM； 从“./component/login/login”导入{LoginComponent}； 从“./component/todo/todo”导入{TodoComponent}； 从“react Router dom”导入{BrowserRouter as Router，Switch，Route}； ReactDOM.render( //呈现我的todoComponent ，document.getElementById（'root'）；

我正在尝试在/todo路径上渲染Todocomponent，但无法渲染。走那条路

---

I get无法获取/todo。

您必须将/path组件放在所有路由的最后

import ReactDOM from 'react-dom';
import { LoginComponent } from './component/login/login';
import { TodoComponent } from './component/todo/todo';
import { BrowserRouter as Router, Switch, Route} from 'react-router-dom';
ReactDOM.render(<Router>
    <Switch>
        <Route path="/"><LoginComponent /></Route> 
        <Route path="/todo"><TodoComponent /></Route> // Rendering my todoComponent  
    </Switch>
</Router>, document.getElementById('root'));

ReactDOM.render（，document.getElementById（'root'）；
导出函数App（）{
返回(
);
}

您确定todo.js位于该文件夹“/component/todo/”内吗？文件夹“组件”必须与工作文件处于同一级别。是，它位于同一文件夹中。我试图在路径“/”上反转到DoComponent的路径。但同样没有在“/todo”路径上获取loginComponent。感谢您的回复，但仍然会收到相同的错误（无法获取“/todo”）。请尝试在todo运行后放置登录组件。我尝试了让我们。

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


    export function App(){    
         return (<Router>
            <Switch>               
                <Route path="/todo" component={TodoComponent} /> 
                <Route path="/" component={LoginComponent} /> 
            </Switch>
        </Router>);
    }