useRef

Typescript

Typescript) React Native에 Typescript 적용하기 - 3

타입스크립트가 적용된 리액트 네이티브 프로젝트 만들기 실습 3번째 useState 사용하기 Generic을 사용하여 상태의 타입을 지정해야 함. 예시) function MessageFrom() { const [text, setText] = useState(''); return ( ); } useRef 사용하기 마찬가지로 Generic을 이용해서 선언하여 사용함 예시) function MessageForm() { const nextId = useRef(1); const onPress = () => { setLastMessage({ id: nextId.curent, message: text, date: new Date(), }); setText(''); nextId.current += 1; }; (...) ..

React Native

React Native) Pressable, useRef, uuid, date-fns 활용하기

Pressable, useRef, uuid, date-fns 활용 학습 Pressable 컴포넌트 이전 Touchable* 컴포넌트에서 기능을 강화한 버전의 컴포넌트 Pressable 컴포넌트 주요 Props) - android_ripple : 안드로이드에서 클릭시 물결효과를 주는 설정 - pressed : 눌렀는지 여부를 리턴하여 동적인 스타일 적용을 하도록 함 - onPress : 눌렀을 때 호출할 함수 등록 사용 예시) function TransparentCircleButton({name, color, hasMarginRight, onPress}) { return ( [ styles.iconButton, Platform.OS === 'ios' && pressed && { backgroundColor..

Kimss민
'useRef' 태그의 글 목록