Reactjs React router dom Link更改url但不更改';不要更新视图
所以我有一个问题,我按下一个链接标签,url会改变,但是视图不会刷新。我只在手动刷新页面时获得所需的视图 index.jsReactjs React router dom Link更改url但不更改';不要更新视图,reactjs,react-native,react-router-dom,Reactjs,React Native,React Router Dom,所以我有一个问题,我按下一个链接标签,url会改变,但是视图不会刷新。我只在手动刷新页面时获得所需的视图 index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { BrowserRouter } from &
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from "react-router-dom";
ReactDOM.render(
<React.StrictMode>
<BrowserRouter>
<App />
</BrowserRouter>
</React.StrictMode>,
document.getElementById("root")
);
reportWebVitals();
从“React”导入React;
从“react dom”导入react dom;
导入“./index.css”;
从“./App”导入应用程序;
从“/reportWebVitals”导入reportWebVitals;
从“react router dom”导入{BrowserRouter};
ReactDOM.render(
,
document.getElementById(“根”)
);
reportWebVitals();
App.js
import './styles/AllBasicCss.css';
import Header from './Components/header/Header'
import Demos from './Components/demos/Demos'
import { Route, Switch } from 'react-router-dom';
import Demo1 from './pages/Demo1';
import Demo2 from './pages/Demo2';
function App() {
return (
<div className="container">
<Header />
<Switch>
<Route exact path="/" component={Demos}/>
<Route exact path="/demo1" component={Demo1}/>
<Route exact path="/demo2" component={Demo2}/>
</Switch>
</div>
);
}
export default App;
import./styles/AllBasicCss.css';
从“./Components/Header/Header”导入标题
从“./Components/Demos/Demos”导入演示
从“react router dom”导入{Route,Switch};
从“/pages/Demo1”导入Demo1;
从“/pages/Demo2”导入Demo2;
函数App(){
返回(
);
}
导出默认应用程序;
具有链接标记的组件之一
import React from 'react'
// importing css modules
import Style from './Demo1Button.module.css'
import { Link } from 'react-router-dom'
const Demo1Button = () => {
return (
<>
<div className={Style.card}>
<p className={Style.title}>Demo 1</p>
<Link to="/demo1" className={Style.button} >Check out!</Link>
</div>
</>
)
}
export default Demo1Button
从“React”导入React
//导入css模块
从“./Demo1Button.module.css”导入样式
从“react router dom”导入{Link}
const demo1按钮=()=>{
返回(
Demo 1
退房
)
}
导出默认Demo1按钮
如果有人能帮忙,我将不胜感激这有帮助吗。