如何在react-axios中使用动态变量？

npm install axios react-axios

import axios from 'axios';
import React, { useState, useEffect } from 'react';
import ReactAxios from 'react-axios';

const MyComponent = () => {
  const [dynamicVariable, setDynamicVariable] = useState('');

  useEffect(() => {
    // 在动态变量更新时发送请求
    axios.get(`https://api.example.com/data/${dynamicVariable}`)
      .then(response => {
        // 处理响应数据
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }, [dynamicVariable]);

  return (
    <div>
      <input
        type="text"
        value={dynamicVariable}
        onChange={e => setDynamicVariable(e.target.value)}
      />
      <ReactAxios
        url={`https://api.example.com/data/${dynamicVariable}`}
        method="GET"
      />
    </div>
  );
};

export default MyComponent;