我如何在 axios 中使用来自外部的值

Question

如何在另一个组件中使用导出函数返回的值？我在导出函数中有一个字符串值 (url) header.js

 export default function Header() {
        const [countries] = useState([
          
        ]);

        const [selectedCountry, setSelectedCountry] = useState();
    
        if (selectedCountry === "tr") {
            getLang("tr");
        }
        else if (selectedCountry === "en") {
            getLang("en");
        }
        else {
            getLang("en");
        }

api.js （我的数据库地址 localhost:8080/product/en 或 http://localhost:8080/product/tr ）

export const function getLang = async (param) => {
    const url = ProductUrl + param;
        return url;
        };

我需要在其他组件的 useEffect 的 axios 中调用这个 url。

navbar.js （导航栏菜单土耳其语或英语所以 if dropdown select tr , url tr // if dropdown select english , url en)

  useEffect(() => {
    axios
      .get(how?)
      .then(response => setData(response.data))
      .catch(error => console.log({ error }));
  }, []);

谢谢。

Answer 1

您需要将它导入到您要使用它的组件中---> 从“文件目录”导入 {a} 然后通过将该函数调用为

在组件中使用它

const urlValue = a()

Answer 2

useEffect(() => {
const url = a(params);
    axios
      .get(url)
      .then(response => setData(response.data))
      .catch(error => console.log({ error }));
  }, []);

Answer 3

// getUrl.js
export const getUrl = (params) => {
  return ProductUrl + params;
}
// or export default
// export default function getUrl(params) {
//   return ProductUrl + params
// }

导入到你想要的地方

import { getUrl } from './your-path'
// or import default
// import getUrl from './your-path'

React.useEffect(() => {
  const url = getUrl(params)
  const fetchData = async () => {
    try {
      const response = await axios.get(url)
      // do something with reponse
    } catch (error) {
      // handle err
    }
  }
  fetchData()

}, [params])

我如何在 axios 中使用来自外部的值

how can i use a value from outside in axios

reactjs

axios

use-effect