如何在react中向API调用函数添加参数

const userId = 123;
fetch(`https://api.example.com/users/${userId}`)
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

const params = new URLSearchParams();
params.append('userId', '123');
params.append('name', 'John');

const url = `https://api.example.com/users?${params.toString()}`;
fetch(url)
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });

import axios from 'axios';

const params = {
  userId: 123,
  name: 'John'
};

axios.get('https://api.example.com/users', { params })
  .then(response => {
    const data = response.data;
    // 处理返回的数据
  })
  .catch(error => {
    // 处理错误
  });