我尝试了很多方法来完成这个任务,但我不知道为什么json不能打印在DIV标签上。
我得到一个user1 is undefined
我正在使用我自己的api来获取用户中的数据。
{ success: true, user: "普通用户" }
JSON同上
得到了授权令牌并成功登录,但当我得到JSOn时,我无法在HTML页面中显示用户。
请大家帮忙
先谢谢你
这是我的主页.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 };```
看起来你没有在获取数据后对JSON进行解析,而且你也没有在获取数据后对JSON进行解析。用户1 在你的例子中是一个字符串。试试 JSON.parse(users1)
.