如何在Axios响应后更新我的React上下文

import React from 'react';

const MyContext = React.createContext();

import React from 'react';
import axios from 'axios';

const MyContext = React.createContext();

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null,
    };
  }

  componentDidMount() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.setState({ data: response.data });
      })
      .catch(error => {
        console.error(error);
      });
  }

  render() {
    return (
      <MyContext.Provider value={this.state.data}>
        {/* 其他组件 */}
      </MyContext.Provider>
    );
  }
}

export default App;

import React from 'react';

const MyComponent = () => (
  <MyContext.Consumer>
    {data => (
      <div>{data}</div>
    )}
  </MyContext.Consumer>
);

export default MyComponent;