Блог

Главная - Вопросы по программированию - В компоненте я хочу реализовать вложенный маршрут

В компоненте я хочу реализовать вложенный маршрут

#javascript #reactjs #react-router

#javascript #reactjs #реагировать-маршрутизатор

Вопрос:

Первый маршрут работает, но когда я меняю путь на вкладке браузера, это будет белая страница. например, первый путь маршрута: «/ menu» он работает, но когда я помещаю в браузер «/ menu / style», он не работает

 import { Input, Modal, Pagination, Spin } from "antd";
import React, { useState } from "react";
import { Route, Router, Switch } from "react-router-dom";
import { MainCategory, MenuList, MenuStyle } from "../components";
import { CREATE_A_CATEGORY, GET_ALL_MENU } from "../graphql/modules";
import { errorNotify, successNotify, warnNotify } from "../util";
const Menu = ({ match: { url } }) => {
  console.log(url   "/style");
  return (
    <section id="item-menu">
        <Switch>
          <Route exact path={`${url}`} component={MenuList} />
          <Route path={`${url  '/style'}`} component={MenuStyle} />
        </Switch>
    </section>
  );
};

export default Menu;```

Комментарии:

1. Вы пытались переключать свои маршруты? Я думаю, что ваша проблема как-то связана с точными реквизитами. Либо попробуйте инвертировать ваши маршруты, что означает, что ваш «точный» маршрут будет внизу, либо попробуйте удалить этот реквизит.

2. Привет, Аксель, я пытался, но не исправил

3. Согласно этой ссылке , вы должны использовать path вместо url , для вложенных маршрутов