如何在 React.js 中定义 SecureLS 以保护 session 详细信息，例如 JWT 令牌？

Question

I have gone through the git for SecureLS, but I find it difficult to define SecureLS in React.

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

How can I define like this in React.js class component?

Answer 1

With React class components, you can create instances of class within componentDidMount method in class components and store it in class variable

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

}

Now you can use ls anywhere in your class with this.ls

PS Do keep in mind context issues whenever you use this.ls in class functions. The this inside class functions must refer to the class instance