Javascript Can'；无法恢复用户信息 import React，{Component}来自“React” 类概要文件扩展了组件{ 建造师（道具）{ 超级（道具） 此.state={ 名称：''， pnom:“”， 用户名：“”， 电子邮件：“” } } componentDidMount（）{ const token=localStorage.usertoken； //警报（“：”+令牌）； //const decoded=jwt_decode（令牌）； this.setState=({ nom:token.nom， pnom:token.pnom， 用户名：token.username， 电子邮件：token.email }) } render（）{ 返回( 轮廓 笔名 {this.state.nom} 规则 {this.state.pnom} 用户名 {this.state.username} 电子邮件 {this.state.email} ) } } 导出默认配置文件

嗨，我在做一个项目，用react作为字体端，node js作为后端。我无法恢复用户信息。这是我第一个使用react和节点js的项目，您需要调用this.setState，而不是分配给它

import React, {Component} from 'react'

class Profile extends Component {

    constructor(props) {
        super(props)
        this.state = {
            nom: '',
            pnom: '',
            username: '',
            email: ''
        }
    }

    componentDidMount(){
        const token = localStorage.usertoken;
        // alert(":"+token);
        // const decoded = jwt_decode(token);

        this.setState = ({
            nom: token.nom,
            pnom: token.pnom,
            username: token.username,
            email: token.email
        })
    }

    render(){
        return (
            <div className="container">
                <div className="jumbotron mt-5">
                    <h1 className="text-center">PROFILE</h1>
                    <table className="table col-md-6 mx-auto">
                        <tbody>
                            <tr>
                                <td>Nom</td>
                                <td>{this.state.nom}</td>
                            </tr>
                            <tr>
                                <td>Prénoms</td>
                                <td>{this.state.pnom}</td>
                            </tr>
                            <tr>
                                <td>Username</td>
                                <td>{this.state.username}</td>
                            </tr>
                            <tr>
                                <td>Email</td>
                                <td>{this.state.email}</td>
                            </tr> 
                        </tbody>
                    </table>
                </div>
            </div>
        )
    }

}

export default Profile

应该是

this.setState = ({
            nom: token.nom,
            pnom: token.pnom,
            username: token.username,
            email: token.email
        })

或者更简洁地说

this.setState({
            nom: token.nom,
            pnom: token.pnom,
            username: token.username,
            email: token.email
})

---

您需要使用它从本地存储获取状态

const {nom, pnom, username, email} = token;
this.setState({nom, pnom, username, email});

还要确保您的localStorage具有该值。要测试您是否可以打开浏览器控制台，请尝试以下操作：

localStorage.getItem("usertoken")

你的设置状态必须是

userObject = {
 nom: 'samplenom',
 pnom: 'pnom',
 username: 'sampleusername',
 email: 'sampelemail'
}
localStorage.setItem("usertoken", JSON.stringify(userObject))

---

我找到了解决方案，问题是我无法检索后端中的所有用户信息

Hi Joel，欢迎使用SO。请您将usertoken设置到本地存储中的代码张贴出来。您尝试过我的解决方案吗？

this.setState({
 nom: token.nom,
 pnom: token.pnom,
 username: token.username,
 email: token.email
})

componentDidMount(){
    const token = localStorage.usertoken
    const decoded = jwt_decode(token)
    this.setState({
        nom: decoded.nom,
        pnom: decoded.pnom,
        username: decoded.username,
        email: decoded.email
    })
}