React App链接中的错误无法正常工作

Question

我是MERN堆栈的初学者。我想在React App中使用Links，它将在没有仪表板统计信息和图表的情况下正常工作。但是，当我添加仪表板统计信息和图表的组件时，它将无法正常工作。

反应代码：

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>

Dashboard stats error

Answer 1

您尝试过吗：

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

Answer 2

1）确保y_pred是父级。

2）尝试使用NavLink

3）尝试指定“精确”

BrowserRouter