反應 Data.map 不是函數

Question

當我調用 Data.mp 時顯示此錯誤

TypeError: Data.map is not a function

這是調用映射前的數據值

這是我獲取數據的代碼

 const [Data, setData] = useState('');

useEffect(() => {
    try {
        Request.post("/user", {"target_id":"test")})
            .then(r => setData(r.data))
            .catch((e) => console.log(e.response));
    } catch (error) {
        console.log(error)
    }
}, []);

 console.log(Data)

return(
     {
            Data && Data.map((detail, index) => {
                    return (
                        <div>test</div>
                      );
     })}

Answer 1

如果確定您的 api 返回r.data是一個數組，請首先將您的狀態初始化為數組而不是字符串： const [Data, setData] = useState( [] );

Answer 2

對象沒有 .map()，如果數據鍵是 0 到 9，你可以使用Object.values(Data).map()