在React中捕获和处理错误，可以使用错误边界（Error Boundary）。错误边界是一种React组件，可以捕获并处理其子组件中的错误。下面是一个示例代码，演示如何使用错误边界来捕获包括事件处理程序的所有错误：

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

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

  componentDidCatch(error, errorInfo) {
    // 可以在这里记录错误日志或发送给服务器
    console.error(error, errorInfo);
  }

  render() {
    if (this.state.hasError) {
      // 自定义错误UI
      return 
出现错误
;
    }

    return this.props.children;
  }
}

// 使用错误边界包装需要捕获错误的组件
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    // 模拟错误，访问未定义的变量
    console.log(undefinedVariable);
  }

  render() {
    return (
      点击按钮
    );
  }
}

// 在应用的顶层组件使用错误边界
function App() {
  return (
    

      
        
      
    
  );
}

ReactDOM.render(, document.getElementById('root'));

在上面的示例中，ErrorBoundary是一个错误边界组件，它会捕获MyComponent中的错误。如果MyComponent中的handleClick方法中出现错误（访问了一个未定义的变量），错误边界会捕获到该错误并在UI中显示错误信息。

注意：错误边界只能捕获其子组件中的错误，无法捕获自身组件中的错误。因此，需要在应用的顶层组件中使用错误边界来包装需要捕获错误的组件。