我的反应路由正在渲染第一个孩子...但没有渲染第二个孩子

发布于 2025-02-12 03:18:28 字数 656 浏览 2 评论 0原文

我的应用程序组件正在渲染...但不是pdfpage。当我互换组件时,pdfpage正在渲染,但不是应用程序。请帮忙!

import React from 'react';
import ReactDOM from 'react-dom';
import { App} from './App';
import { PdfPage } from './PdfPage';
import { BrowserRouter as Router, Routes, Route}     from 'react-router-dom';


const routing = (  
    <>
    <Router>  
        
        <Routes>  
        <Route exact path="/" element={<App />} />
        <Route path={"/pdfPage"} element={<PdfPage />} /> 
        </Routes>
        
    </Router> 
    </> 
  );

  ReactDOM.render(routing, document.getElementById('root'));  

my App component is rendering... but not PdfPage. When I interchange the components, PdfPage is rendering, but not App. Please help!

import React from 'react';
import ReactDOM from 'react-dom';
import { App} from './App';
import { PdfPage } from './PdfPage';
import { BrowserRouter as Router, Routes, Route}     from 'react-router-dom';


const routing = (  
    <>
    <Router>  
        
        <Routes>  
        <Route exact path="/" element={<App />} />
        <Route path={"/pdfPage"} element={<PdfPage />} /> 
        </Routes>
        
    </Router> 
    </> 
  );

  ReactDOM.render(routing, document.getElementById('root'));  

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

糖果控 2025-02-19 03:18:28

我尝试了此代码,它可以很好地工作。可以肯定的是,您是否可以通过localhost访问PDFPAGE:3000/pdfpage对吗?

I tried this code and it works perfectly. Just to be sure, are you accessing pdfPage by going to localhost:3000/pdfPage right?

毁虫ゝ 2025-02-19 03:18:28

我弄清楚了这个问题。它不在计划中。我不得不编辑Snowpack.config.js才能启用路由

I figured out the problem. It was not in the program. I had to edit my snowpack.config.js to enable routing

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文