反应 Data.map 不是函数

Question

when I call Data.mp show this error

TypeError: Data.map is not a function

this is Data value before call map

and this my code for get Data

 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()