SuperAPI AI 工具集

inertia-react-development

前端与建站

查看项目

更新于 10-16 03:49

技能介绍

用途:该技能用于开发 Inertia.js v3 的 React 客户端应用,在创建或修改 React 页面组件、处理表单、实现客户端导航,以及使用 v3 特性时激活。

主要能力:页面组件放在 resources/js/pages 目录;用 <Link> 替代 <a> 实现客户端导航,支持 method、as、prefetch;用 router.visit 进行编程式导航。表单推荐使用 <Form> 组件,可获取 errors、processing、progress、wasSuccessful、defaults、isDirty、reset、submit 等,并支持 resetOnError、resetOnSuccess、setDefaultsOnSuccess;也可用 useForm 钩子获得更程序化控制。v3 特性包括:useHttp 处理不触发页面访问的独立 HTTP 请求;router.optimistic 及 <Form> 的 optimistic 实现乐观更新与失败回滚;<Link> 的 component 与 pageProps 实现即时访问;setLayoutProps 共享布局数据;延迟属性配合骨架屏;usePoll 定时刷新并支持 only、autoStart、keepAlive;WhenVisible 滚动进入视口时懒加载;InfiniteScroll 自动加载分页数据(服务端需用 Inertia::scroll())。

使用方式:按文档示例引入 @inertiajs/react 中的组件与钩子,服务端模式参见 inertia-laravel 指南,详细模式可用 search-docs 查询。

限制与常见问题:避免用传统 <a> 破坏 SPA 行为;延迟属性需处理未定义状态并加加载态;普通 <form> 需阻止默认提交;注意 v3 破坏性变更,如用 router.cancelAll() 而非 router.cancel(),事件名改为 httpException 和 networkError。具体版本兼容与安装方式暂未提供。