为react中的错误创建日志文件

import React, { Component } from 'react';

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

  componentDidCatch(error, info) {
    // 将错误信息记录到日志文件中
    this.logErrorToServer(error, info);
    this.setState({ hasError: true });
  }

  logErrorToServer(error, info) {
    // 发送错误日志到服务器
    // 可以使用fetch或其他网络请求库发送日志
    // 例如：fetch('/api/error-logs', { method: 'POST', body: { error, info } });
  }

  render() {
    if (this.state.hasError) {
      // 渲染错误信息
      return <div>Oops! Something went wrong.</div>;
    }
    return this.props.children;
  }
}

export default ErrorBoundary;

import React from 'react';
import ErrorBoundary from './ErrorBoundary';

function App() {
  return (
    <ErrorBoundary>
      {/* 应用程序的其他组件 */}
    </ErrorBoundary>
  );
}

export default App;