Route & Routes

<Routes>

包裹一组<Route>，每当地址发生变化时，<Routes>都会查看其所有子<Route>元素，以找到最佳路径匹配并呈现对应的UI

Props

• path:设置访问路径
• element:设置对应URL要渲染的组件

xxxxxxxxxx
<Routes>
     <Route path="/" element={<App />}/>  
     <Route path='user' element={<User/>}/>
</Routes>

xxxxxxxxxx
<Routes>
   <Route path="/" element={<App />}>
       <Route index element={<Home />} />
       <Route path="user" element={<User />}/>
   </Route>
</Routes>

<Route>

用来配置URL与UI，如果其路径与当前地址栏中URL匹配，则会呈现其元素。

Props

• path:设置访问路径
• element:设置对应URL要渲染的组件
• index:确定路由是否为索引路由
• caseSensitive:设置路径是否区分大小写，默认为false

xxxxxxxxxx
<Route index element={<App />}/>  
<Route path='/user' element={<User/>}/>

实时效果反馈

1. 下面说法错误的是:

A Routes用来根据地址匹配具体的Route分支

B Routes跟Route是不同的

C Routes 可以代替Route

D Route 的element用来设置要渲染的UI

答案

1=>C