Функция экспорта из класса React

Question

Я пытаюсь реализовать dapp с помощью реакции js. В моем приложении. js внутри класса приложения есть метод, который я хочу экспортировать в другой модуль. Я перепробовал много вариантов, но ни один из них работал на меня. В приведенном ниже коде я хочу экспортировать имя пользователя ().

Приложение. js Код

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

Как импортировать и использовать функцию username () для другие модули. Я новичок в reactjs, поэтому, пожалуйста, помогите мне решить эту проблему.

Answer 1

Вы можете сделать метод stati c, но не можете получить доступ к реквизитам или состоянию в методе. Лучше написать функцию util, которая принимает пользователя в качестве аргумента и импортирует оба класса.

utils. js

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

App. js

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

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