240809_TIL

1.

리액트 쿼리를 사용한다고 해서 프로젝트의 모든 api요청에 다 리액트 쿼리를 사용할 필요는 없다.

리액트 쿼리는 쿼리키를 사용해서 데이터 관리가 간편하다는 큰 장점이 있는데,  이처럼 꼭 데이터 관리가 필요하지 않은 요청은 리액트 쿼리를 굳이 사용할 필요가 없다! (ex. 로그인 post요청)

 

 

2.

React.FC는 React.FunctionComponent의 약자로, 리액트 함수형 컴포넌트 타입으로 리액트 함수형 컴포넌트를 안전하게 정의하기 위함이다. props가 있을 경우 이렇게 props 타입과 함께 사용할 수 있다.

interface TableDataType {
  name: string[];
  height: number[];
}

const DataTable: React.FC<TableDataType> = ({ name, height }) => {
  return (
    <table>
    ...
    </table>
  )
}

 

하지만 최근에는 몇몇 제한사항때문에, 그냥 일반 함수 선언방식이 권장되기도 한다. 

이 경우 props는 타입을 설정해줘야 한다.

interface TableDataType {
  name: string[];
  height: number[];
}

const DataTable = ({ name, height }: TableDataType) => {
  return (
    <table>
    ...
    </table>
  )
}