小编Ton*_*ndi的帖子

在 reactjs 和 nextjs 构造函数中获取引用错误:未定义 localstorage

我在 reactjs 中制作系统 jsonwebtoken 并使用 nextjs。当我在未定义 localStorage 的浏览器中运行代码时,我发现问题。

这是我在文件 AuthStudentContext.js 中的代码

import React from 'react'
import axios from 'axios'

const axiosReq = axios.create()
const AuthStudentContext = React.createContext()

export class AuthStudentContextProvider extends React.Component {

    constructor() {
        super()
        this.state = {
            students: [],
            student: localStorage.getItem('student') || {},
            token: localStorage.getItem('token') || "",
            isLoggedIn: (localStorage.getItem('student' == null)) ? false : true
        }
    }

    login = (credentials) => {
        return axiosReq.post("http://localhost:4000/api/login", credentials)
            .then(response => {
                const { token } = response.data
                localStorage.setItem("token", token)

                this.setState({
                    token, …
Run Code Online (Sandbox Code Playgroud)

javascript node.js reactjs next.js

9
推荐指数
4
解决办法
2万
查看次数

标签 统计

javascript ×1

next.js ×1

node.js ×1

reactjs ×1