小编Tom*_*gin的帖子

在react-router中useParams()为空

我正在尝试将 url 中的参数渲染为网站中的 h2 。但即使当我尝试 console.log useParams 也是空的。

这是我的 Router.js 文件

const Webpages = () => {
    return (
        <Router>
            <Routes>
                <Route exact path="/" element={Home()} />
                <Route exact path="/comics" element={Comics()} />
                <Route path='/comics/:comicId' element={Comic()} />  <--------------
                <Route exact path="/portfolio" element={Portfolio()} />
                <Route exact path="/blog" element={Blog()} />
                <Route exact path="/contact" element={Contact()} />
                <Route exact path="/store" element={Store()} />
                <Route path="*" element={NotFound()} />
            </Routes>
        </Router>
    );
};

export default Webpages;
Run Code Online (Sandbox Code Playgroud)

这是我的漫画组件

import React from 'react';
import NavBar from '../../components/NavBar';
import { useParams } …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router react-router-dom

5
推荐指数
1
解决办法
6330
查看次数