질문.

Question

안녕하세요. 강사님 const { data : userData , error , revalidate , mutate } = useSWR < IUser | false >( '/api/users' , fetcher , { dedupingInterval : 2000 , // 2초 }); 질문1. userData가 data의 변수에 담기는것인지 궁금합니다. 콘솔로그에 userData찍어보니 userData에는 값이 있고 Data를 찍으면 에러가 납니다. 보통 자바스크립 변수설정이랑 위치가 바뀐것 같은데 헷갈리네요. swr에서는 변수설정 위치를 바꿔주어야 하는것인가요?. const { workspace } = useParams <{ workspace : string }>(); 질문2. userParams의 worspace가 slect인데 이게 어떤경로로 통해서 데이터가 들어오는 건지 헷갈립니다! const Menu : FC < Props > = ({ children }) => { const stopPropagation = useCallback (( e ) => { e . stopPropagation (); }, []); 질문3. Menu컴포넌트에서 {children} props로 받으아와서 레이아웃을 짤 수 있잖아요? 이것도 리액트네이티브에 똑같이 적용 될 수 있는것인가요? 질문4. swr에는 mutate에서 true를 시켜줄경우 옵티미스틱 ui가 가능하다고 하셨잖아요? (좋아요 기능 서버점검은 나중에) 이러한 개념이 리덕스 사가에도 적용되는것이 있는지 궁금합니다. 검색해봐도 비슷한게 뭔지 잘 모르겠습니다!

제로초(조현영) · Answer

1. 자바스크립트 구조분해 할당 문법입니다. data 변수를 userData 변수로 옮겨담는 것입니다. 기존 data 변수는 사라집니다. 2. 주소에 /:workspace 자리에 들어오는 문자열이 전달됩니다. 3. 똑같이 적용됩니다. 4. redux-saga에서도 가능합니다. axios 요청 전에 dispatch로 화면 먼저 바꾸고, axios 요청 후 다시 화면을 바꾸면 됩니다.