추후 삭제버튼을 눌러서 filter로 돌릴 경우에
206
작성한 질문수 33
예를 들면
// 초깃값
const initialState = {
posts: [
{
id: 1,
title: 'javacript',
}
]
}
// 컴포넌트 내부에서 초깃값 불러온 뒤
const { post } = useSeletor((state) => state.posts);
// 삭제 함수
const onRemovePost = () => {
// dispatch
}
<ul>
{post.map((v) => (
<li key={v.id}>
<h2>{v.title}</h2>
<button onClick={onRemovePost}>삭제</button>
</li>
))}
</ul>너무 성의없는 예제라면 죄송합니다.
이럴 경우에는 각 li마다 삭제 button이 있는데
버튼을 눌렀다고해서 포스트의 ld값을 어떻게 filter에서
비교를하고 빼는건지 버튼에 어떤 정보가 들어가게 되나요?
너무 답변하기에 무리한 부탁이라면,
어디 강의를 제대로 보면 좋을지라도 말씀주시면 감사하겠습니다 ㅜ
답변 2
1
onRemovePost(v.id) 로 바꾸고 나서
const onRemovePost = useCallback((id) => () => {
dispatch({ type: 'REMOVE_POST', data: id })
}, [])
이런 식으로 해서 id를 REMOVE_POST로 보내고요.
리듀서에서 filtering 하시면 됩니다.
넥스트 버젼 질문
0
75
2
로그인시 401 Unauthorized 오류가 뜹니다
0
88
1
무한 스크롤 중 스크롤 튐 현상
0
172
1
특정 페이지 접근을 막고 싶을 때
0
103
2
createGlobalStyle의 위치와 영향범위
0
94
2
인라인 스타일 리렌더링 관련
0
90
2
vsc 에서 npm init 설치시 오류
0
146
2
nextjs 15버전 사용 가능할까요?
0
158
1
화면 새로고침 문의
0
120
1
RTK에서 draft, state 차이가 있나요?
0
152
2
Next 14 사용해도 될까요?
0
452
1
next, node 버전 / 폴더 구조 질문 드립니다.
0
348
1
url 오류 질문있습니다
0
211
1
ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out
0
372
1
sudo certbot --nginx 에러
0
1271
2
Minified React error 콘솔에러 (hydrate)
0
469
1
카카오 공유했을 때 이전에 작성했던 글이 나오는 버그
0
246
1
프론트서버 배포 후 EADDRINUSE에러 발생
0
325
1
npm run build 에러
0
517
1
front 서버 npm run build 중에 발생한 에러들
0
381
1
서버 실행하고 브라우저로 들어갔을때 404에러
0
336
2
css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.
0
284
1
팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.
0
235
2
해시태그 검색에서 throttle에 관해 질문있습니다.
0
200
1