SOURCE

/**
 * 后端路由：
 * 接收不同的URL--->不同的代码处理--->响应不同的数据(多数情况就是指API接口)
 * 
 * 前端路由：
 * 拦截不同的URL--->不同的组件渲染(组件中可能向后端请求API接口数据)
 */
//1.匹配失败的处理

//2.路由组件嵌套
//3.link和a链接的不同

const router = createBrowserRouter([
    {
        path:'/',
        element: <Root />,
        children:[
            {
                path:'contacts/:contactId',
                element:<组件/>
            }
        ]
    }
])
ReactDOM.createRoot(document.getElementById("root")).render(
    <React.StrictMode>
    <RouterProvider router={router}>
    </React.strictMode>
)