错误:未处理的拒绝(Livres)：无法读取未定义，ReactJS，Search的属性'livres‘

if (Search && Search.livres) {
  // 安全地访问Search.livres
} else {
  // 处理Search未定义的情况
}

const livres = Search?.livres ?? [];

class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  static getDerivedStateFromError(error) {
    return { hasError: true };
  }

  componentDidCatch(error, errorInfo) {
    console.error("ErrorBoundary caught an error", error, errorInfo);
  }

  render() {
    if (this.state.hasError) {
      return <h1>Something went wrong.</h1>;
    }

    return this.props.children; 
  }
}

// 使用ErrorBoundary包裹可能抛出错误的组件
<ErrorBoundary>
  <YourComponent />
</ErrorBoundary>