从React Class导出函数

Question

我正在尝试使用react js实现一个dapp。在我的应用程序类中的app.js中，有一个方法我想导出到另一个模块。我尝试了很多选项，但没有一个对我有效。在下面的代码中，我想导出用户名((。

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函数，它接受user作为参数并在两个类中导入。

utils.js

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

应用程序.js

import { getUserName } from '../utils';
export default class SessionStore { 
......  
  username = () => getUserName(this._user);
......
}