從 React 類導出函數

Question

我正在嘗試使用 react js 實現一個 dapp。在 app 類中的 app.js 中，有一個方法我想導出到另一個模塊。我嘗試了很多選項，但沒有一個對我有用。 在下面的代碼中，我想導出 username()。

App.js 代碼

export default class SessionStore 
{ 
......  
username () 
    {
    if (!this._user || !this._user.username) return null
    return this._user.username   
    } 
......
}

如何將 username() 函數導入和使用到另一個模塊。 我是 reactjs 的新手，所以請幫我解決這個問題。

Answer 1

您可以將方法設為靜態，但不能訪問方法中的 props 或 state。 最好編寫一個 util 函數，它接受用戶作為參數並在兩個類中導入。

實用程序.js

export const getUserName = (user = {}) => user.username ? user.username : null;

應用程序.js

import { getUserName } from '../utils';

export default class SessionStore { 
......  
  username = () => getUserName(this._user);
......
}