Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React router dom Link更改url但不更改';不要更新视图_Reactjs_React Native_React Router Dom - Fatal编程技术网

Reactjs React router dom Link更改url但不更改';不要更新视图

Reactjs 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 &

所以我有一个问题,我按下一个链接标签,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 "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按钮
如果有人能帮忙,我将不胜感激

这有帮助吗。