Ошибка в ссылках React App не работает должным образом

Question

Я новичок в стеке MERN.Я хочу использовать ссылки в приложении React, оно будет работать нормально без статистики и графиков панели.Но когда я добавляю компонент статистики и графика на приборной панели, он не будет работать.

Код реагирования:

App.js:

import { BrowserRouter as Router ,Link} from "react-router-dom";

<Route path='/t_sale'    component={t_sales}/>
<Route path='/t_customer' component={t_customers}/>
<Route path='/t_item'     component={t_items}/>
<Route path='/t_expense'  component={t_expenses}/>

Dashboard.js:

<h4><Link to='/t_sale'>Total Sales</Link></h4>
<h4><Link to='/t_customer'>Total Customer</Link></h4>
<h4><Link to='/t_item'>Total Items</Link></h4>
<h4><Link to='/t_expense'>Total Expense</Link></h4>

Ошибка статистики панели управления

Answer 1

1) Убедитесь, что BrowserRouter является родителем.

2) Попробуйте использовать NavLink

3) Попробуйте указать «точный»

import {NavLink} from 'react-router-dom';

<BrowserRouter>
       //exact
       <Route path='' exact component={}/>
       <Route path='' exact component={}/>
</BrowserRouter>


<NavLink to={} exact />

Answer 2

Вы пробовали это:

<Link to='/t_sale'><h4>Total Sales</h4></Link>
<Link to='/t_customer><h4>Total Customer</h4></Link>
<Link to='/t_item'><h4>Total Items</h4></Link>
<Link to='/t_expense'><h4>Total Expense</h4></Link>