react typescript useState 상태 초깃값 설정관련

Question

useState 값을 다음과 같이 초기화 할때checkedFlightDate 제외한 나머지 값 설정을 간단하게 표현할 방법이 있을까요?(keyof , typeof 같은 키워드 사용) const[searchOption, setOption] &#61; useState<selectOptionsType>({ departCountry : &#34;&#34;, departIataCode : &#34;&#34;, arriveCountry : &#34;&#34;, arriveIataCode : &#34;&#34;, checkedFlightDate: null }) export type selectOptionsType&#61; { departCountry : string, departIataCode : string, arriveCountry : string, arriveIataCode :string checkedFlightDate : Date | null personNumber : string }

[object Object] · Answer

interface SelectOptions { checkedFlightDate: Date | null, [key: string]: string, }

doooss · Answer

keyof 와 typeof 를 사용한 예시입니다. 해당 코드에서 더 간단한 지는 모르겠네요. 옵션이 많아지거나, 중첩이 심화될 경우 더 효과적일 코드입니다.const initialSelectOptions &#61; { departCountry : &#34;&#34;, departIataCode : &#34;&#34;, arriveCountry : &#34;&#34;, arriveIataCode : &#34;&#34;, checkedFlightDate: null } type SelectOptions &#61; { [key in keyof Omit<typeof initSelectOptions, 'checkedFlightDate'>]:string; } & { checkedFlightDate : Date | null; }

react typescript useState 상태 초깃값 설정관련

2개의 답변

#usestate 목록