Question

// this is my index.js
import React, {  } from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import store from "./store/configureStore";
import { Router } from "react-router";

import "./index.css";
import App from "./App";
import history from "./history";

// append app to dom
ReactDOM.render(
    <Provider store={store}>
      <Router  history={history}>
        <App  />
        </Router>
    </Provider>,
  document.getElementById("root")
 
);

//this is my app.js
import React, { Component } from 'react';
import { Route, Switch, BrowserRouter } from 'react-router-dom';
import Inscription from "../src/pages/inscription";


class App extends Component {

  render() {
 
    return (  
     < BrowserRouter>
      <Route exact path="/" component={Inscription} />
      </ BrowserRouter>   
    );
  }
}
export default (App);

我正在更改视图以响应路由。看来我已经尝试了所有可以通过Google进行的尝试，但都没有碰到运气。页面相关信息但未加载请同一个人可以帮助我：（

Answer 1

尝试从App组件中删除BrowserRouter。您已经在 index.js 中提供了Router。同样，如果要定义多个路由，则必须使用switch

<Switch>
    <Route exact path="/" component={Inscription} />
    <Route exact path="/hello" component={HelloComponent} />
<Switch>

反应路由器更改URL，但不更改页面加载

1 个答案: