본문 바로가기

728x90

Functional Component1

[React Native] 함수형 컴포넌트 props 데이터에 따라 업데이트 해주기(Functional Component update on props change) 안녕하세요 Foma 입니다. 오늘은 함수형 컴포넌트에서 props가 바뀔 때마다 화면이 업데이트 되도록 하는 기능을 구현해 보도록 하겠습니다. 바로 시작할게요~ Problem 아래와 같이 추가 버튼을 누르거나 수정 버튼이 눌리면 폼 형식의 모달이 뜨도록 구현 했습니다. 위 과정에서 수정 버튼을 눌렀을 땐 해당 버튼이 눌린 데이터 모델의 값이 인풋 안에 미리 작성돼도록 하고, 추가 버튼이 눌렸을 땐 빈 인풋창이 보이도록 구현하고 싶었습니다. 왼쪽이 추가(+) 버튼을 눌렀을 때, 오른쪽이 수정버튼을 눌렀을 때입니다. TodoList.tsx 위 리스트 화면에서 useState를 구현해 줍니다. const [todos, setTodos] = useState(todoDatas); const [todo, setTo.. 2022. 7. 26.

이전 1 다음

728x90

티스토리툴바