티스토리 뷰
리액트 styled-component
onKeyUp, onKeyDown, onKeyUp
spread syntax 구문
developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax
useQuery 에서 skip 하는 기술
const {data, loading} = useQuery(SEARCH, {
skip: term === undefined,
variables: {
term
}
});
SearchContainer
import React from "react";
import {withRouter} from "react-router-dom";
import SearchPresenter from "./SearchPresenter";
import {useQuery} from "react-apollo-hooks";
import {SEARCH} from "./SearchQueries";
// withRouter는 무슨 함수이지?
export default withRouter(({location: {search}}) => {
const term = search.split("=")[1];
const {data, loading} = useQuery(SEARCH, {
skip: term === undefined,
variables: {
term
}
});
console.log(data);
return <SearchPresenter searchTerm={term} loading={loading} data={data} />;
});
여기서 withRouter가 무엇인가??
javascript의 ()와 {}의 차이
우선적으로 작성할 내용
1) withRouter 사용법
2) Apollo Query : useQuery --> useQuery 리턴방식
3) useQuery 시에 Skip 사용하는 방법
4) Hook 사용법 : useState, useMutation, useQuery
'Back-end > Spring Framework' 카테고리의 다른 글
[리눅스] 파일 속성 (0) | 2020.04.27 |
---|---|
[리눅스] 하드링크 vs 소프트링크 (0) | 2020.04.26 |
C언어 문자자료형 사용하기 (0) | 2020.01.05 |
파일 포지션 (0) | 2019.12.22 |
[Spring Framework] DispatcherServlet (0) | 2018.10.19 |
- Total
- Today
- Yesterday
- 관계대수
- 재테크공부
- 회고
- 인셉션
- 작성 방법
- docker
- 열반스쿨기초반
- GIT
- 유즈케이스
- push_back
- 개발자 회고
- 깃
- pop_back
- 2023년
- 폭포수
- front
- ```````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
- Use case
- 도커
- 내년은 빡세게!!
- Inception
- resize
- 깃허브
- 부동산공부
- 파라메터
- github
- 월급쟁이부자들
- 월부닷컴
- Spring boot
- 바
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |