reactjs React Router 6和Typescript -索引属性Type 'true'不可分配给类型'false'|不确定的

plupiseo 于 2023-05-22 发布在 React

关注(0)|答案(2)|浏览(147)

我试图在父路由中为我的一个子路由创建一个索引路由，但是我不断地得到一个错误，它说类型'true'不能分配给类型'false'|未定义'。我该怎么解决？

<Routes>
  <Route path="/" element={<Profile />}>
    <Route index path="/username" element={<ProfileDetails />} />
    <Route path="settings/profile" element={<EditProfile />} />
  </Route>
  <Route path="/login" element={<Login />} />
  <Route path="/register" element={<SignUp />} />
</Routes>

reactjs

来源：https://stackoverflow.com/questions/70708422/react-router-6-and-typescript-index-attribute-type-true-is-not-assignable-to

2条答案

按热度按时间

anhgbhbe1#

修好了是因为那条路

<Routes>
  <Route path="/" element={<Profile />}>
    <Route index element={<ProfileDetails />} />
    <Route path="/username" element={<ProfileDetails />} />
    <Route path="settings/profile" element={<EditProfile />} />
  </Route>
  <Route path="/login" element={<Login />} />
  <Route path="/register" element={<SignUp />} />
</Routes>

赞(0）回复(0）举报 2023-05-22

7xzttuei2#

当index为true时，您不需要路径，因为每当有个人资料页面时，您都会看到您的个人资料详细信息。***index***的用途是当我们希望使用父路径时使用。

<Routes>
  <Route path="/" element={<Profile />}>
    <Route index element={<ProfileDetails />} />
    <Route path="settings/profile" element={<EditProfile />} />
  </Route>
  <Route path="/login" element={<Login />} />
  <Route path="/register" element={<SignUp />} />
</Routes>

赞(0）回复(0）举报 2023-05-22

我来回答

reactjs React Router 6和Typescript -索引属性Type 'true'不可分配给类型'false'|不确定的

2条答案

相关问题

热门标签

最新问答