我正在嘗試通過如下傳遞某些參數來使用 Axios 進行 GET 請求，const fetchData = async () => {    const response = await axios      .get(config.App_URL.getAllMock, {        params: {          customHostName: customerData,          type: "mock",        },      })      .catch((error) => {        console.error(`Error in fetching the data ${error}`);      });    let list = [response.data.routeManager];    setData(list);    setLoading(true);  };customerData從通過 contextAPI 傳遞給此組件的另一個對象中獲取。 const [options, setOptions] = useContext(CustomerContext);然后它被映射如下，const hostNames = [];  options.map((name, index) => {    hostNames.push(name.customer.customHostName);  });  const customerData = hostNames[0];請求失敗，404因為customerData 沒有作為參數傳遞到負載中。所以當我檢查日志 url 是這樣的時，htts://abc.com/v1/route/getAllRoutes?type=mock 404我嘗試記錄 then 的值，customerData在這種情況下我可以看到要傳遞的預期值。關于如何將customHostNameas 參數傳遞到有效載荷中的任何想法？用我指的組件更新了問題，const MainContent = () => {  const [options, setOptions] = useContext(CustomerContext);  const hostNames = [];  options.map((name, index) => {    hostNames.push(name.customer.customHostName);  });  const customerData = hostNames[0];  // Get all the mock  const fetchData = async () => {    const response = await axios      .get(config.App_URL.getAllMock, {        params: {          customHostName: customerData,          type: "mock",        },      })      .catch((error) => {        console.error(`Error in fetching the data ${error}`);      });    ....    ....    ....  };  useEffect(() => {    fetchData();  }, []);  return (    <div>     ....     ....     ....    </div>  );};export default MainContent;