Today I Learned

오늘 한일✅

• 해당 페이지 글 디테일을 불러왔다.

문제점✅

Atom은 새로고침하면 초기화가 된다. 앱이 랜더링이 된다.

리코일은 리덕스와 같아서 새로고침하면 날라간다.

해결✅

1. useParams를 사용하여 구조 분해 할당을 하여 사용함 CardSection에서 키 값으로 post.id를 넘겨주기 때문에 useParams로 post.id 값을 가져온다.

// 수정 전

// category.tsx
DoubledFilterDate.map((post: any) => {
                return (
                  <CardSection key={post.id} post={post} />
                );
              })
              
// DetailPage.tsx
const params = useRecoilValue(paramsState);       

// 수정 후

// category.tsx
DoubledFilterDate.map((post: any) => {
                return (
                  <CardSection key={post.id} post={post} />
                );
              })
              
// DetailPage.tsx
 const { id } = useParams();