[React] Dispatch<SetStateAction<type>> ?

2023. 4. 27. 17:19·FE·Client/React
728x90

상위 컴포넌트에서 props로 useState상태 변경 함수를 넘길 때 void가 아닌 타입을 지정해줄 수 있었다.

 

type propsType = {
	setVisible: ()=>void
}
import {Dispatch, SetStateAction } from "react";

type propsType = {
	setVisible: Dispatch<SetStateAction<boolean>>;
}

 

void로 넘겨도 문제 없지만, 타입을 지정해주게 되면 어떤 타입의 값을 넣어야하는지 쉽게 알 수 있다.

728x90

'FE·Client > React' 카테고리의 다른 글

[React] Redux란?  (0) 2024.11.21
[React] SPA(Single Page Application)란? (+CSR/SSR)  (0) 2024.11.21
[React] 제네릭(generic)  (0) 2023.04.27
[React] 타입 추론(Type Inference) | 타입 별칭(Type Alias)  (0) 2023.04.27
[React] TypeScript  (0) 2023.04.27
'FE·Client/React' 카테고리의 다른 글
  • [React] Redux란?
  • [React] SPA(Single Page Application)란? (+CSR/SSR)
  • [React] 제네릭(generic)
  • [React] 타입 추론(Type Inference) | 타입 별칭(Type Alias)
DROPDEW
DROPDEW
💻 Developer | 기록하지 않으면 존재하지 않는다
  • DROPDEW
    제 2장 1막
    DROPDEW
  • 전체
    오늘
    어제
    • Dev (418) N
      • App·Android (1)
      • BE (44)
        • HTTP 웹 기본 지식 (8)
        • 스프링 입문 - 코드로 배우는 스프링 부트, 웹 .. (12)
        • 스프링부트와 JPA 활용 (11)
        • 스프링부트 시큐리티 & JWT (0)
        • PHP (6)
      • FE·Client (23)
        • HTML (1)
        • React (19)
        • Unity (1)
      • Data (17)
        • AI (7)
        • Bigdata (6)
        • Database (1)
        • 빅데이터분석기사 (2)
      • Infra (0)
      • Activity (1) N
        • Education (0)
        • Intern (0)
        • 리모트 인턴십 6기 (1) N
        • 구름톤 유니브 4기 (0)
        • SW교육기부단 15기 (0)
      • CS (8)
      • 취준 (13)
        • 자격증 (4)
        • 인적성·NCS (6)
        • 코테·필기·면접 후기 (3)
      • 코테 (270)
        • Algorithm (222)
        • SQL (35)
        • 정리 (13)
      • 인사이트 (27)
        • 회고 (0)
        • 금융경제뉴스 (7)
        • 금융용어·지식 (2)
        • 북마크 (7)
  • 블로그 메뉴

    • 홈
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    브루트포스 알고리즘
    구현
    문자열
    투포인터
    수학
    그래프이론
    시뮬레이션
    정렬
    최단경로
    자료구조
    오블완
    이분탐색
    너비우선탐색
    그래프탐색
    다이나믹프로그래밍
    그리디알고리즘
    누적합
    티스토리챌린지
    백준
    매개변수탐색
  • 최근 댓글

  • 최근 글

  • 250x250
  • hELLO· Designed By정상우.v4.10.3
DROPDEW
[React] Dispatch<SetStateAction<type>> ?
상단으로

티스토리툴바