더북(TheBook)

이제 TextInput의 문자열 상태도 useState를 사용해 관리해봅시다. description이라는 이름을 사용하겠습니다.

screens/UploadScreen.js

(...)

function UploadScreen() {
  (...)
  const [description, setDescription] = useState('');
  (...)
  return (
    <View style={styles.block}>
      <Animated.Image
        source={{uri: res.assets[0]?.uri}}
        style={[styles.image, {height: animation}]}
        resizeMode="cover"
      />
      <TextInput
        style={styles.input}
        multiline={true}
        placeholder=" 사진에 대한 설명을 입력하세요..."
        textAlignVertical="top"
        value={description}
        onChangeText={setDescription}
      />
    </View>
  );
}

(...)
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.