React-router 6.4的新变化
💡
原文中文，约16100字，阅读约需39分钟。
📝
内容提要
React Router 6.4 引入了新的数据 API，使数据获取逻辑可以与路由结合。它还添加了 createBrowserRouter、createMemoryRouter 和 createHashRouter API。Route 组件中的 loader 属性允许在渲染相应元素之前执行函数。action 属性与 loader 类似，但用于表单提交。defer 函数和 Await 组件用于处理加载状态。然而，数据 API 的添加显著增加了代码体积。
🎯
关键要点
-
React Router 6.4 引入了新的数据 API，使数据获取逻辑与路由结合。
-
新增 createBrowserRouter、createMemoryRouter 和 createHashRouter API，支持数据 API。
-
loader 属性允许在渲染元素前执行函数，action 属性用于表单提交。
-
defer 函数和 Await 组件用于处理加载状态。
-
数据 API 的添加显著增加了代码体积，v6.4 的体积是 v6.3 的 2.4 倍。
➡️
