Type Util

import React from 'react';

import { Table, type TableColumnsType } from 'antd';

const columns: TableColumnsType = [

{

title: 'Name',

dataIndex: 'name',

key: 'name',

];

export default () => <Table columns={columns} />;

import type { GetProp, Select, SelectProps } from 'antd';

// 둘 다 동일하게 작동합니다

type SelectOptionType1 = GetProp<SelectProps, 'options'>[number];

type SelectOptionType2 = GetProp<typeof Select, 'options'>[number];

import React, { forwardRef } from 'react';

import type { GetRef, Select } from 'antd';

type SelectRefType = GetRef<typeof Select>; // BaseSelectRef

const Div = forwardRef<HTMLDivElement>((_, ref) => <div ref={ref} />);

type DomRefType = GetRef<typeof Div>; // HTMLDivElement

import React from 'react';

import { Table, type TableColumnsType } from 'antd';

const columns: TableColumnsType = [

{

title: 'Name',

dataIndex: 'name',

key: 'name',

];

export default () => <Table columns={columns} />;

import type { GetProp, Select, SelectProps } from 'antd';

// 둘 다 동일하게 작동합니다

type SelectOptionType1 = GetProp<SelectProps, 'options'>[number];

type SelectOptionType2 = GetProp<typeof Select, 'options'>[number];

import React, { forwardRef } from 'react';

import type { GetRef, Select } from 'antd';

type SelectRefType = GetRef<typeof Select>; // BaseSelectRef

const Div = forwardRef<HTMLDivElement>((_, ref) => <div ref={ref} />);

type DomRefType = GetRef<typeof Div>; // HTMLDivElement

Ant Design

Type Util

Ant Design

Type Util

Type Util

GetProps를 통한 속성 정의 가져오기

GetProp을 통한 속성 타입 가져오기

GetRef를 통한 ref 타입 가져오기

마무리

Type Util

GetProps를 통한 속성 정의 가져오기

GetProp을 통한 속성 타입 가져오기

GetRef를 통한 ref 타입 가져오기

마무리