Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs <；路由路径=“路径”&引用；组件={}/>；不'；t在react中显示组件_Reactjs_Routes - Fatal编程技术网
Fatal编程技术网
  • reactjs/
  • Reactjs <；路由路径=“路径”&引用；组件={}/>；不'；t在react中显示组件

Reactjs <；路由路径=“路径”&引用；组件={}/>；不'；t在react中显示组件

reactjs routes

Reactjs <；路由路径=“路径”&引用；组件={}/>；不'；t在react中显示组件,reactjs,routes,Reactjs,Routes,我在react应用程序中使用路由器组件在单击导航栏时显示不同的组件。但是，当我单击导航栏中的链接时，地址显示路径，但当路径等于该路径时调用的组件现在显示在页面中 这是我的App.js import React，{Component}来自“React”； 从“react dom”导入react dom； 从“react Router dom”导入{Route，BrowserRouter作为路由器，Switch}； 从“/Components/NavBar”导入导航栏； 从“/Component

我在react应用程序中使用路由器组件在单击导航栏时显示不同的组件。但是，当我单击导航栏中的链接时，地址显示路径，但当路径等于该路径时调用的组件现在显示在页面中

这是我的App.js

import React，{Component}来自“React”；
从“react dom”导入react dom；
从“react Router dom”导入{Route，BrowserRouter作为路由器，Switch}；
从“/Components/NavBar”导入导航栏；
从“/Components/ddrHeader”导入标题；
从“/Components/Home”导入主页；
从“/Components/Plan”导入计划；
从“/Components/Waiting”导入等待；
导入“/App.css”；
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序为。属性组件错误，应该是组件


<Switch>
   // <Route exact path="/" Component={Home} /> // wrong
   <Route exact path="/" component={Home} /> //correct
</Switch>




////错了
//正确的

在
导航栏中再次使用
路由器的任何原因。它已经在app.js的路由器中@黑豹，只是个错误。我省略了导航栏中的那个。但是问题是存在的。你能用codesandbox.io设置你的项目吗？@jdn，这里有一个简单的例子：