第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

我在使用重定向和鏈接更改我的 React 路由時(shí)遇到困難

我在使用重定向和鏈接更改我的 React 路由時(shí)遇到困難

交互式愛(ài)情 2023-01-06 11:17:21
索引.jsximport React from "react";import ReactDOM from "react-dom";import { Route, Router, Switch } from "react-router-dom";import App from "./components/App.jsx";import SearchResults from "./components/SearchResults.jsx";import history from "./history.js";import SearchProvider from "./context/SearchContext.jsx";const routing = (  <Router history={history}>    <div>      <Switch>        <SearchProvider>          <Route path="/search" component={SearchResults} />          <Route exact path="/" component={App} />        </SearchProvider>      </Switch>    </div>  </Router>);ReactDOM.render(routing, document.getElementById("app"));應(yīng)用程序.jsximport React, { useState } from "react";import styles from "../modules/app.module.css";import Search from "./Search.jsx";import { Link } from "react-router-dom";const App = (props) => {  return (    <div className={styles.appContainer}>      <div className={styles.title}>BGrules</div>      <Search />      <Link to="/search">        <button>Click me</button>      </Link>    </div>  );};export default App;搜索結(jié)果.jsximport React from "react";import styles from "../modules/searchResults.module.css";const SearchResults = (props) => {  return (    <div className={styles.resultContainer}>      <div className={styles.title}>Search Results</div>      <div className={styles.subTitle}>results for term:</div>    </div>  );};export default SearchResults;我遇到的問(wèn)題是,當(dāng)我在 url 中鍵入路由 /search 時(shí),它會(huì)毫無(wú)問(wèn)題地將我?guī)У秸_的頁(yè)面,但是當(dāng)我嘗試在我的 App 文件中使用 Link 或 Redirect 時(shí),它會(huì)更改 url 但不會(huì)加載該組件(只是一個(gè)空白的白頁(yè))我在控制臺(tái)中沒(méi)有收到任何錯(cuò)誤。我不熟悉在這里提問(wèn),所以希望我以一種有意義的方式提問(wèn)。提前致謝!
查看完整描述

1 回答

?
智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

我最近遇到了類(lèi)似的問(wèn)題,原因是 history lib 版本,當(dāng)前版本的 history 是 v5,但正如這里指出的:https ://github.com/ReactTraining/history#documentation v5 is used with react-router v6。

為了解決這個(gè)問(wèn)題,我安裝了 history v4:yarn add history@^4npm i history@^4.


查看完整回答
反對(duì) 回復(fù) 2023-01-06
  • 1 回答
  • 0 關(guān)注
  • 146 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)