前端未加载数据

Question

我有一个仪表板显示基于用户类型的链接，当你注册你选择你的角色1，2，3，4，5。一切都很好，除了当从数据库中拉数据，并显示在前端。对于失眠，如果我发送命令adminId: 1，它将返回正确的数据。下面是我将adminId绑定到数据以显示正确链接的代码，但什么也没有发生。如果有人能帮上忙，那就太好了！我将adminId存储在userData中，并使用axios从后端拉出链接。

    const { userData } = useContext(UserContext);
    const history = useHistory();
    const [links, setLinks] = useState();

    const currAdmin = () => {
        currAdmin = userData.user.adminId;
    }

useEffect(() => {
    if (!userData.user)
        history.push("/");
    const checkAdmin = async () => {

        const adminRes = await axios.get('http://localhost:9000/Links/all', { currAdmin });
        setLinks(adminRes.data);
    };
    checkAdmin();
});

return (

    <div className="dashboard">
        <Header />
        <br />
        <br />
        <h3> Admin Type: </h3>
        <ListGroup className="linklist" >
            {links && links.map(e => (
                <ListGroup.item key={e.adminId}>
                    {e.links}
                </ListGroup.item>
            ))}
        </ListGroup>

    </div>

);

}

Answer 1

作为你的参考，请让我知道它是否会对你有帮助。

import React, {useState, useEffect} from 'react';
import axios from 'axios';

function FetchAPIData(props) {

    const [myData, setData] = useState({ data:[] });

    useEffect(() => {
        const fetchData = async () => {
            const result = await axios(`http://dummy.restapiexample.com/api/v1/employees`,);
            setData(result.myData);
        };
        fetchData();
    }, []);

    return (
        <div>
            <span>{JSON.stringify(myData)}</span>
            <ul>
                {
                    myData.data.map(item => {
                        <li key={item.id}>
                            {item.employee_name}
                        </li>
                    })
                }
            </ul>
        </div>
    );
}

export default FetchAPIData;