React Router Deep Link с динамическим - PullRequest
Новая
       15

React Router Deep Link с динамическим

0 голосов
/ 12 апреля 2020

хочу глубокую связь с динамом c маршрут Мой код - это 

import React from 'react';
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";

import Home from '../Routes/Home';
import Add from '../Routes/Add';
import Region from '../Routes/Region';
import Stores from '../Routes/Region/Stores';

function App() {
  return (
    <div className="App">
            <Router>
                <Switch>
                    <Route exact path="/" component={Home} />
                    <Route path="/addBook" component={Add} />
                    <Route path="/:region" component={Region} />
                    <Route path="/:region/:store" component={Stores} />
                </Switch>
                <Link to={`/${"ulsan"}`}>
                    <button>go</button>
                </Link>
            </Router>  
    </div>
  );
}

export default App;

, а страница моего региона - это 

import React from 'react';
import { Link } from 'react-router-dom';

function Region() {
    const store = "hello"
    return(
        <>

                <Link to={`/${"ulsan"}/${store}`}>
                    <button>store</button>
                </Link>
            <div>Region</div>
        </>
    )
}

export default Region;

, когда я нажимаю кнопку магазина, страница остается в регионе Я не знаю, как переместить страницу Stoer с помощью Dynami c route в чем проблема ???

Извините, я не очень хорош в английском sh

1 Ответ

0 голосов
/ 12 апреля 2020

Проблема в том, как вы объявляете свои маршруты, вам нужно добавить точные атрибуты:

<Route exact path="/:region" component={Region} />

...