如何使用类和对路由器做出反应

时间:2019-11-18 21:41:57

标签: reactjs typescript class react-router react-router-v4

我正在使用打字稿和react-router。我的模型有一些类,在这些类中有类方法。

export class User {

  id: number;
  name: string;

  getName() {
    return this.name;
  }

  getId() {
    return this.id;
  }

...

}

问题是,当我使用react-router链接进行导航时,有时会传递诸如User之类的对象,因此我将其通过链接的“ to”对象传递(我做对了吗?)

<Link<CardDetailsState> className="btn btn-primary btn-circle" 
    to={{
      pathname: `/cards/${card.id}/edit`, 
      state: {card}
    }} 
>

当我使用react-router链接进行导航时,一切都很好,但是如果使用导航器按钮向后或向前导航,即使我有对象,也无法再使用类方法(getName和getId)。 我假设每页的数据在离开时都已序列化,因此方法丢失了,最后我只剩下对象中的字段。 所以我的问题是,我该怎么办?我应该使用类方法和react-router吗?我应该只使用静态方法吗?我应该使用商店(redux)吗?

0 个答案:

没有答案