如何在 React.js 中定义 SecureLS 以保护 JWT 令牌等会话详细信息？

Question

我已经完成了 SecureLS 的 git，但我发现很难在 React 中定义 SecureLS。

var ls = new SecureLS({ encodingType: 'aes' })

如何在 React.js class 组件中这样定义？

Answer 1

使用 React class 组件，您可以在 class 组件的 componentDidMount 方法中创建 class 的实例，并将其存储在 class 变量中

class App extends React.Component {
  componentDidMount() {
     this.ls = new SecureLS({ encodingType: 'aes' })
  }

}

现在您可以在 class 中的任何地方使用 ls 和 this.ls

P.S. 在 class 函数中使用 this.ls 时请牢记上下文问题。 class 函数中的 this 必须引用 class 实例

How to define SecureLS in React.js to secure session details like JWT token?