react-resizable-panels v3 → v4 迁移指南

概述

react-resizable-panels v4 是一次重大版本升级。核心变化：组件重命名（ARIA 对齐）、尺寸单位系统重构（数字从百分比变为像素）、移除 order prop、移除 onCollapse/onExpand。本技能覆盖迁移的所有关键路径。

迁移步骤总览

Step 1: 安装

pnpm add react-resizable-panels@4
# 或
npm install react-resizable-panels@4

Step 2: 组件重命名