Свойство не существует для типа «Тип магазина CommonStore».mobx реагируют - PullRequest
Новая
       13

Свойство не существует для типа «Тип магазина CommonStore».mobx реагируют

0 голосов
/ 26 июня 2019

Я новичок в TypeScript и пытаюсь вызвать действие из другого класса, и я получаю такую ​​ошибку, может быть, невозможно использовать функции через импорт, но только через @inject? В чем может быть проблема, я не понимаю

P.S. установлено @types: 

"@types/react": "^16.8.22",
"@types/react-dom": "^16.8.4",
"@types/react-router-dom": "^4.3.4",

import {
  observable,
  action,
  autorun,
  set,
  toJS,
  extendObservable
} from "mobx";
import commonStore from "./common";

export default class Authentication {
  @action login = async() => {
    this.inProgress = true;
    this.errors = undefined;
    try {
      const token = await requestApi({
        method: "post",
        url: `/auth/login`,
        data: {
          login: this.username,
          pass: this.password
        }
      });

      commonStore.setToken(token); // Property 'setToken' does not exist on type 'typeof CommonStore'
    } catch (error) {
      axiosErrorHandler(error);
    }
  }
}

CommonStore 

export default class CommonStore {
  @observable token = window.localStorage.getItem("jwt");
  constructor() {
    reaction(
      () => this.token,
      token => {
        if (token) {
          localStorage.setItem("jwt", token);
        } else {
          localStorage.removeItem("jwt");
        }
      }
    );
  }

  @action setToken(token: string) {
    this.token = token;
  }
}

index.ts store 

import Authentication from "./models/authentication";
import Common from "./models/common";

class ObservableListStore {
  @observable authentication = new Authentication();
  @observable common = new Common();
}

export const store = new ObservableListStore();

1 Ответ

1 голос
/ 26 июня 2019

Вы экспортировали класс (CommonStore), но пытаетесь использовать его как объект, который уже создан.

Вам нужно создать экземпляр и затем использовать его. 

import commonStore from "./common";

const commonStoreInstance = new commonStore();

commonStoreInstance.setToken('token');

Но, вероятно, вам нужен один и тот же экземпляр везде, где вы import commonStore. Если это так, вам нужно создать экземпляр внутри модуля и экспортировать его.

Как это: 

class CommonStore {
  @observable token = window.localStorage.getItem("jwt");
  constructor() {
    reaction(
      () => this.token,
      token => {
        if (token) {
          localStorage.setItem("jwt", token);
        } else {
          localStorage.removeItem("jwt");
        }
      }
    );
  }

  @action setToken(token: string) {
    this.token = token;
  }
}

export const commonStore = new CommonStore();

Тогда 

import commonStore from "./common";

commonStore.setToken('token');

https://k94n.com/es6-modules-single-instance-pattern

...