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 倍。
➡️
