小编hah*_*oto的帖子

我正在尝试为我的 React 图像搜索应用程序实现搜索参数功能。而且，我了解到我需要（可以）使用 useSearchParams Hook，但我不确定如何进行这些更改。

所以，基本上我希望 URL 类似于 localhost:3000/ input&page=1，这意味着斜杠后面的任何内容都将是input页码的值和键/值对。

正如您在 app.js 中看到的，我有这 3 个主要路由，而主路由（呈现 Main.js）是我主要处理的路由。此外，Main.js 渲染 Header.js（渲染表单和其他）。

我想我应该在 app.js 中创建一个新的路线，但我不知道该怎么做。

import './App.css';
import Home from './components/pages/Home';
import Favorites from './components/pages/Favorites';
import Error from './components/pages/Error';
import { BrowserRouter, Routes, Route } from 'react-router-dom'
import { SkeletonTheme } from 'react-loading-skeleton';
import { useDarkMode } from './components/Navbar';


function App() {
  const darkMode = useDarkMode(state => state.darkMode)
  let style
  if (darkMode === 'light') {
    style = 'wrapper'
  } else { …