无法读取Reactjs中未定义的属性“令牌”

Question

let headers = {
            "Content-Type": "application/json",
            "Authorization": "token=" + this.props.login.token,
            "Accept-Language": this.props.language.language,
        };

Answer 1

我认为您传递令牌的方式错误

而不是像这样写

"Authorization": "token=" + this.props.login.token,

这样定义

"Authorization": "bearer " + this.props.login.token,

axios代码示例

axios.post('api_ulr', {
  headers: {'Authorization': "bearer " + this.props.login.token}
  }
).then((response) => {
  console.log(response)
}).catch((error) => {
  console.log(error)
});

Answer 2

问题解决了。 实际上，在调用组件时，如果您不随身提供道具，则会收到此错误“无法读取未定义的属性'token'”。因此，只需将道具和{... this.props}之类的组件一起传递，它就可以很好地工作。