코드 모음

wndtlr1024·2020년 6월 3일
0

코드 모음

목록 보기
1/1

코드를 컨트롤 + F 로 찾아내기위해 작성합니다.
중간에 ...은 다른 코드를 생략했다는걸 표시합니다.

  • filter
const Remove = useCallback((tag) => {
    setLocalTags(localTags.filter((t) => t !== tag));
  });
  • useEffect

useEffect로 리덕스 스토어에있는 값이(tags) 바뀌면 TagBox 컴포넌트 내부의 상태도 바뀌게 됨

...
const tagBox= ({tags})=> {
...
useEffect(() => {
    setLocalTags(tags);
  }, [tags]);
  ...
}
  • Remove

onChangeBody는 dispatch()함수입니다. 로컬에서 글을 삭제함과 동시에 리덕스state에 저장되어있는 정보도 같이 삭제하기위한 코드입니다.

  const onRemove = useCallback(
    (id) => {
      const newText = localTodos.filter((todo) => todo.id !== id);
      setLocalTodos(newText);
      onChangeBody(newText);
    },
    [localTodos, onChangeBody],
  ); 
  • 글 작성자에게만 버튼 보이게끔
 const { post, error, loading, user } = useSelector(
    ({ post, loading, user }) => ({
      post: post.post,
      error: post.error,
      loading: loading['post/READ_POST'],
      user: user.user,
    }),
  );

const ownPost = (user && user._id) === (post && post.user._id); // 현재 보고있는 포스터가 작성자이면 true
profile
https://jungsikjeong.github.io/ 이곳으로 옮겼습니다!

0개의 댓글