在React js中将变量从一个函数传递到另一个函数

Question

我正在尝试将变量“ locationProps”从一个函数传递到另一个函数。但是我不知道如何发送变量以及如何在方法中访问变量。

function Daily({ locationProps = 2, root }) {
  const context = useContext(ThemeContext);
  const localization = useCallback(() => {
    if (root && cookies.get("location") !== undefined) {
      return cookies.get("location");
    }
    return locationProps;
  }, [locationProps, root]);

function dayData() {

  getSpeadsheetUrl=() =>{
    return config.prData[locationProps];
  }

Answer 1

您可以通过函数传递参数的一种方法是使用闭包。阅读closures上的更多内容。

根据您的情况：

// dayData.js

function dayData(locationProps) {

  const getSpeadsheetUrl= () =>{
    return config.prData[locationProps];
  }

  return { getSpreadsheetUrl }
}

// daily.js

function Daily({ locationProps = 2, root }) {
  const context = useContext(ThemeContext);

   // Now you can call getSpreadsheetsUrl, like this: getSpreadsheetsUrl()
  const { getSpreadsheetUrl } = dayData(locationProps);  

  const localization = useCallback(() => {
    if (root && cookies.get("location") !== undefined) {
      return cookies.get("location");
    }
    return locationProps;
  }, [locationProps, root]);
}