[React] 수정 시 값 가져오기

최영진·2023년 1월 12일
0

React

목록 보기
9/16

수정 시 값 가져오기!


const [title, setTitle] = useState("");
const [contents, setContents] = useState("");
  
useEffect(() => {
    onChangeTitle("가져올데이터".title);
    setNewContents("가져올데이터".contents);
  }, []);
  
<TitleEdit
	value={title}
    onChangeText={(text) => onChangeTitle(text)}
	placeholder="제목을 입력하세요"
	/>
<ContentEdit
    value={contents}
    onChangeText={(text) => onChangeContents(text)}
	placeholder="내용을 입력하세요"
	/>

화면이 첫 렌더링 되는 순간!

useEffect 로 가져온 데이터의 값을 state 에 저장해 준다.

이때, 의존성배열 [] 을 주어 첫 렌더링 때만 실행되게 함.

그 후 값을 변경 후 저장.

state 를 잘 활용하자!

profile
안녕하시오.

0개의 댓글