TypeScript 정리
let age :JSX.Element =
내용
; //컴포넌트 jsx 타입지정
const output = useSelector( (state :{count: number}) => state);
const output = useSelector( (state :RootState) => state); //리덕스에서가져온 타입
const dispatch :Dispatch = useDispatch(); //디스패치 날릴때 해당 액션타입 쓰게 정의
따로 tpye 빼내서 정의
type tempType = {address:string, job:number}
function User(props :tempType) :JSX.Element
interface로 정의
interface arrLength {
count: number
}
const initial :arrLength= {count:0};
페이로드 액션은 리듀서에서 어떤 액션타입이 들어가는지 정의
randomss(state, action :PayloadAction<number>){ // 페이로드액션은 액션에 어떤타입들어가는지
state.count += action.payload
},
name : string | undefind
name? : string
함수타입은 () =>{}
함수표현식에만 type alias
type 지정할타입명 = (a :string) => number;
let 함수 :함수타입명 = function(a) {
return 10
}
일반 변수나 함수는 type
오브젝트는 interface
유니온 타입, 둘다들어올떄,
function hamsu(a: string | undefined){
if( a && typeof a === 'string') {
} a가 언디파인이면 실행안되고 스트링이면 실행 narrowing
}
타입모르면 :any 쓰면됨 하지만 그러면 ts 쓰는 이유가없어짐
function 함수(x :unknown[]){
return x[0]
}
interface arrLength {
length: number
}
function check(x: tempType){
return x.length
}
let a = 함수<string[]>(['100'])
let age :JSX.Elemnet =
fucn
function user() : JSX.Element {
return
}
Author And Source
이 문제에 관하여(TypeScript 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dear/TypeScript-정리저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)