小编moz*_*oze的帖子

如何在React Router v6中的嵌套父路由上设置索引路由

详细信息:我有这样的顶级路由:

<Routes>
  <Route path='/*' element={<HomePage/>} />
  <Route path='/movies/*' element={<MoviesPage/>} />
  <Route path='/profile/*' element={<ProfilePage/>} />
  <Route path='/people/*' element={<PeoplePage/>} />
  <Route path='/auth' element={<LoginPage/>} />
</Routes>
Run Code Online (Sandbox Code Playgroud)

我们看一下具体的嵌套路由/movies/ *:

<Routes>
  <Route path='' element={<Outlet/>}>
    <Route index path='top-rated/*' element={<TopRatedMoviesPage/>} />
    <Route path='popular/*' element={<PopularMoviesPage/>} />
    <Route path='recommended/*' element={<RecommendedMoviesPage/>} />
    <Route path=':id/details' element={<MovieDetails/>} />
  </Route>
</Routes>
Run Code Online (Sandbox Code Playgroud)

问题:当我尝试访问/movies时,预期的行为应该是导航到/movies/top-paid路线,因为top-paid/ * 路线上的索引属性,但这并没有发生。我不知道我是否误解了索引属性和Outlet元素背后的功能,所以我需要任何人的帮助。我希望你理解这个问题。

先感谢您!

reactjs react-router

6
推荐指数
1
解决办法
7911
查看次数

React Chartjs 2 - 类型“string”不可分配给类型““timeseries””

我一直在尝试在react-chartjs-2中将x轴设置为时间刻度,但无法克服以下错误。

图表选项代码片段

const options = {
   plugins: {...},
   scales: {
     x: {
       ticks: {
         autoSkip: true,
         maxTicksLimit: 4,
         minRotation: 0,
         maxRotation: 0,
       },
       beginAtZero: false,
       type: 'time',
       time: {
         unit: 'month',
       },
     },
  },
},
Run Code Online (Sandbox Code Playgroud)

};

错误:在内部设置time属性scales.x会出现以下错误:

Type 'string' is not assignable to type '"timeseries"'.

有谁知道如何解决这个问题?

谢谢你!

编辑

我已按照此处所述的date-fns适配器的安装步骤进行操作- npm 安装了必要的依赖项,导入了适配器并添加到选项,删除了beginAtZero属性,但错误仍然存​​在。

const options = {
   plugins: {...},
   scales: {
     x: {
       ticks: {
         autoSkip: true,
         maxTicksLimit: 4, …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs chart.js react-chartjs-2

6
推荐指数
2
解决办法
3899
查看次数