feat: 添加mock数据，给导航添加选中标识

src/components/ErrorBoundary.js

@@ -17,10 +17,25 @@ class ErrorBoundary extends React.Component {
     }
 
     static getDerivedStateFromError(error) {
+        // 开发环境：不拦截错误，让 React DevTools 显示完整堆栈
+        if (process.env.NODE_ENV === 'development') {
+            return { hasError: false };
+        }
+        // 生产环境：拦截错误，显示友好界面
         return { hasError: true };
     }
 
     componentDidCatch(error, errorInfo) {
+        // 开发环境：打印错误到控制台，但不显示错误边界
+        if (process.env.NODE_ENV === 'development') {
+            console.error('🔴 ErrorBoundary 捕获到错误（开发模式，不拦截）:');
+            console.error('错误:', error);
+            console.error('错误信息:', errorInfo);
+            // 不更新 state，让错误继续抛出
+            return;
+        }
+
+        // 生产环境：保存错误信息到 state
         this.setState({
             error: error,
             errorInfo: errorInfo
@@ -28,6 +43,12 @@ class ErrorBoundary extends React.Component {
     }
 
     render() {
+        // 开发环境：直接渲染子组件，不显示错误边界
+        if (process.env.NODE_ENV === 'development') {
+            return this.props.children;
+        }
+
+        // 生产环境：如果有错误，显示错误边界
         if (this.state.hasError) {
             return (
                 <Container maxW="lg" py={20}>
@@ -57,7 +78,7 @@ class ErrorBoundary extends React.Component {
                                 <Box fontWeight="bold" mb={2}>错误详情:</Box>
                                 <Box as="pre" whiteSpace="pre-wrap">
                                     {this.state.error && this.state.error.toString()}
-                                    {this.state.errorInfo.componentStack}
+                                    {this.state.errorInfo && this.state.errorInfo.componentStack}
                                 </Box>
                             </Box>
                         )}