從 React 中的另一個 js 文件導出 function

Question

我有一個非常簡單的問題。

另外，如何從另一個 js 文件中導出 function？ 以下不起作用嗎？

import B from './B'
function A(){
   const a = B.test()
}

export default function B(){
  async function test(){
  ...
  return a;
  }
}  

我不知道如何解決這個問題，有人可以解釋我的錯誤嗎？

Answer 1

你需要包裝器 function 嗎？ 我會這樣做：

export const test = async () => { 
   /** other code  **/
   return a;
}

Answer 2

我懷疑這是因為您要導出 function 而不是包含功能的 object ，這是您需要在此處執行的操作。

將您的導出更改為：

const B = {
  async test() {
    ...
    return a;
  },
  // any other function declarations here
};

export default B;

您可以像以前一樣導入。

您實際上可以將導出代碼縮短為：

export default {
  async test() {
    ...
    return a
  },
};

但是，第一種方法將允許您從導出的函數中訪問函數，從導出的函數中訪問函數，這可能是一種更好的方法。

Answer 3

改變這個

export default function B(){
  async function test(){
  ...
  return a;
  }
}  

至

const B = {
  async function test(){
  ...
  return a;
  }
}  

export default B

不要改變A，然后再試一次