详细信息:我有这样的顶级路由:
<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元素背后的功能,所以我需要任何人的帮助。我希望你理解这个问题。
先感谢您!
我一直在尝试在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)