【问题标题】:URL changes but view not changing in my React ApplicationURL 更改但我的 React 应用程序中的视图未更改
【发布时间】:2022-10-26 01:46:07
【问题描述】:

查看未更改/反应路由器不起作用

反应路由器 dom 版本 = 6.4.2

My App.js

login.js & signup.js

【问题讨论】:

    标签: javascript node.js reactjs web frontend


    【解决方案1】:

    您没有返回 login.jssignup.js

    【讨论】:

    • 我在我的 app.js 中都导入了,但仍然看不到 URL 上的内容,即 /login , /signup
    • 不,但是您的组件中缺少关键字 return :)
    【解决方案2】:

    enter image description here

    注册有错别字

    【讨论】:

    • 我更正了错字,但没有得到输出。
    • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center
    【解决方案3】:

    尝试使用以下路由代码,这里的 Links 是您从中选择所需屏幕的菜单组件。

    导入'./App.css'; 从 'react-router-dom' 导入 {BrowserRouter,Routes,Route}

    从'./About'导入关于 从'./Contact'导入联系人 从“./Products”导入产品 从“./Links”导入链接 从 './Clients' 导入客户

    函数应用程序(){ 返回 (

        <BrowserRouter>
                
        <Links/>
    
         <Routes>
                   
         
         <Route path='/About' element={<About/>}></Route>
          <Route path='/Products' element={<Products/>}></Route>
          <Route path='/Contact' element={<Contact/>}></Route>
          <Route path='/Clients' element={<Clients/>}></Route>
                
        </Routes>
     
         </BrowserRouter>  
    
         </div>
    

    ); }

    导出默认应用程序;

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-02-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-20
      • 2017-04-14
      • 1970-01-01
      相关资源
      最近更新 更多