ReactNative와 TypeScript

01. useState

    const [emoji] = useState<ImageSourcePropType[]> ([
        require("../assets/images/emoji1.png"),
        require("../assets/images/emoji2.png"),
        require("../assets/images/emoji3.png"),
        require("../assets/images/emoji4.png"),
        require("../assets/images/emoji5.png"),
        require("../assets/images/emoji6.png"),
    ]);

- emoji의 값을 읽기전용으로 선언

- ImageSourcePropType[]는 이미지 배열을 의미함

 

- 숫자열 배열이라면 이렇게 선언함. 

import { useState } from 'react';

const [numbers, setNumbers] = useState<number[]>([1, 2, 3, 4, 5]);

 

02. typescript의 조건문 해석하기

if(!permissionResponse?.granted) // permissionReponse가 있고, 값이 granted 가 true가 아니면 실행

 

?. : permissionResponse가 존재할 떄만 .granted 를 읽어라!