反應 JS + REDUX + JWT 身份驗證 JSON 問題

Question

我已經嘗試了很多來完成這項工作，但我不知道為什么 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 };```

Answer 1

看起來您在 fetch 之后沒有解析JSON ，而您的情況下的 users1 是一個字符串。 試試JSON.parse(users1) 。