Inflearn Community Q&A
asked
질문.
Resolved
Written on
·
184
1
안녕하세요. 강사님
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가 가능하다고 하셨잖아요? (좋아요 기능 서버점검은 나중에) 이러한 개념이 리덕스 사가에도 적용되는것이 있는지 궁금합니다. 검색해봐도 비슷한게 뭔지 잘 모르겠습니다!
typescript웹팩reactSocket.iobabel클론코딩
Answer 1
0
zerocho
Instructor
1. 자바스크립트 구조분해 할당 문법입니다. data 변수를 userData 변수로 옮겨담는 것입니다. 기존 data 변수는 사라집니다.
2. 주소에 /:workspace 자리에 들어오는 문자열이 전달됩니다.
3. 똑같이 적용됩니다.
4. redux-saga에서도 가능합니다. axios 요청 전에 dispatch로 화면 먼저 바꾸고, axios 요청 후 다시 화면을 바꾸면 됩니다.