221226 TIL

댓글 조회

axios get으로 json-server에 있는 데이터를 불러온다.

 const [commentList, setCommentList] = useState(null);

    const fetchList = async () => {
        const { data } = await axios.get("http://localhost:3001/comments");
        setCommentList(data);
    };

댓글 추가하고 새로고침 해야 렌더링이 됐었는데 get이랑 post가 적힌 컴포넌트가 다른데다가

post 적힌 컴포넌트에서 get 적힌 컴포넌트에 있는 setCommentList를 가지고 와서 추가해줘야하는데

자식에서 부모로 props를 줄 수 없어서 어떻게 해야하지 헤매다가 post 적힌 컴포넌트에 get도 다 적고

여기서 props를 넘겨주는 방식으로 했다.

이게 맞는건데 처음부터 내가 잘못 짜놓은 거 같다.

이렇게 또 삽질을 하면서 배우는거지 뭐