[英]React JS + REDUX + JWT Authentication JSON issue
我已经尝试了很多来完成这项工作,但我不知道为什么 json 没有打印在 DIV 标签上
我得到一个 user1 是未定义的
我正在使用我自己的 api 来获取填充在用户中的数据。
{成功:真,用户:“普通用户”}
JSON 同上
获得授权令牌并成功登录,但是当我获得 JSOn 时,我无法在 HTML 页面中显示用户
请帮忙!
提前致谢
这是我的 HomePage.jsx
import { Link } from 'react-router-dom';
import { connect } from 'react-redux';
import { userActions } from '../_actions';
class HomePage extends React.Component {
componentDidMount() {
this.props.dispatch(userActions.getAll());
}
render() {
var { user, users1 } = this.props;
console.log(user); // token
console.log(users1); // json with names and all
return (
<div className="col-md-6 col-md-offset-3">
<h1>Hi {users1.user} !</h1>
<p>
<Link to="/login">Logout</Link>
</p>
</div>
);
}
}
function mapStateToProps(state) {
const { users, authentication } = state;
const { user } = authentication;
// var users1 = {"success":true,"user":"Normal User"}
var users1 = users.users
return {
user,
users1
};
}
const connectedHomePage = connect(mapStateToProps)(HomePage);
export { connectedHomePage as HomePage };```
看起来您在 fetch 之后没有解析JSON ,而您的情况下的 users1 是一个字符串。 试试JSON.parse(users1)
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.