React -我应该在哪个组件中进行http请求？

import React, { Component } from 'react';
import axios from 'axios';

class MyComponent extends Component {
  componentDidMount() {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 处理请求成功的数据
      })
      .catch(error => {
        // 处理请求失败的情况
      });
  }

  render() {
    // 组件的渲染逻辑
    return (
      // JSX代码
    );
  }
}

import React, { Component } from 'react';
import axios from 'axios';

class MyComponent extends Component {
  componentDidUpdate(prevProps, prevState) {
    if (this.props.userId !== prevProps.userId) {
      axios.get(`https://api.example.com/user/${this.props.userId}`)
        .then(response => {
          // 处理请求成功的数据
        })
        .catch(error => {
          // 处理请求失败的情况
        });
    }
  }

  render() {
    // 组件的渲染逻辑
    return (
      // JSX代码
    );
  }
}