import { useEffect, useState } from "react";
import { useDispatch } from "react-redux";
import { getItem } from "../../utility/localStorage";
import { getMemoWithUser } from "../../redux/memo/actionCreator";
const MemoList = () => {
var [memo, setMemo] = useState([]);
const dispatch = useDispatch();
useEffect( () => {
getAllMemo();
},[]);
const getAllMemo = async () => {
// get memo list with user
const body = {
user_id : getItem('user').id
};
let response = await dispatch(getMemoWithUser(body));
console.log(response.data.data);
setMemo(() => response.data.data);
console.log(memo)
};
return (
<div>
{memo.map( memo => {
<span key={memo.id}>memo.memo</span>
})}
</div>
);
};
export default MemoList;
這是我的組件。console.log 是
memo.js 22line) (16) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, { …}、{…}、{…}、{…}、{…}、{…}]
memo.js 24 行）[]
我的退貨部分無法顯示任何內容。我如何使用狀態 [備忘錄] ？
uj5u.com熱心網友回復：
嘗試做setMemo([ ...response.data.data ])。
uj5u.com熱心網友回復：
//Try with this , You may use setMemo method like setMemo(response.data.data)
const getAllMemo = async () => {
// get memo list with user
const body = {
user_id : getItem('user').id
};
let response = await dispatch(getMemoWithUser(body));
console.log(response.data.data);
setMemo(response.data.data);
console.log(memo)
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/419532.html
標籤：