Devlog 9日目お気に入りリストの更新
6034 ワード
中に入る。
締め切りはまだ1日残っている.手首が戻ってきても、締め切りの関係で~ブログを書く時間もありません.プロジェクトは最後の1分まで行われます.翌朝に使ったほうがいいですか?疲労で支離滅裂になったDevlogを書くよりも、朝ははっきりした頭で書いたほうがいい.
お気に入りリストの更新
お気に入りのステータスが変更されると、ステータス更新関数が呼び出され、サーバからリストが再ロードされます.
1行にまとめる.その後は小さなミスを修正して最終整理する段階です.それでも忙しくて手が回らない.漏れた内容はないか、間違いはないか.useEffect(() => {
const isFavorited = favorites.reduce((acc, cur) => {
if (cur.id === id) acc = true;
return acc;
}, false);
setFavorite(isFavorited);
}, [favorites, favorite]);
const handleFavorites = async () => {
if (favorite) {
await axios
.delete(`${process.env.REACT_APP_SERVER_ADDR}/favorites?itemId=${id}`) //
.then(data => {
setFavorite(false);
})
.then(async data => {
const favoritesList = await axios.get(`${process.env.REACT_APP_SERVER_ADDR}/favorites`);
setFavorites(favoritesList.data.items);
})
.catch(console.log);
Reference
この問題について(Devlog 9日目お気に入りリストの更新), 我々は、より多くの情報をここで見つけました
https://velog.io/@shleecloud/Devlog-9일차-즐겨찾기-목록-갱신
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
お気に入りのステータスが変更されると、ステータス更新関数が呼び出され、サーバからリストが再ロードされます.
1行にまとめる.その後は小さなミスを修正して最終整理する段階です.それでも忙しくて手が回らない.漏れた内容はないか、間違いはないか.
useEffect(() => {
const isFavorited = favorites.reduce((acc, cur) => {
if (cur.id === id) acc = true;
return acc;
}, false);
setFavorite(isFavorited);
}, [favorites, favorite]);
const handleFavorites = async () => {
if (favorite) {
await axios
.delete(`${process.env.REACT_APP_SERVER_ADDR}/favorites?itemId=${id}`) //
.then(data => {
setFavorite(false);
})
.then(async data => {
const favoritesList = await axios.get(`${process.env.REACT_APP_SERVER_ADDR}/favorites`);
setFavorites(favoritesList.data.items);
})
.catch(console.log);
Reference
この問題について(Devlog 9日目お気に入りリストの更新), 我々は、より多くの情報をここで見つけました https://velog.io/@shleecloud/Devlog-9일차-즐겨찾기-목록-갱신テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol