3.2.2 useState로 텍스트 상태 값 관리하기

이번에는 useState를 사용해 문자열 타입의 상태를 관리해봅시다. AddTodo 컴포넌트를 다음과 같이 수정해보세요.

components/AddTodo.js

import React, {useState} from 'react';
import {View, StyleSheet, TextInput} from 'react-native';

function AddTodo() {
  const [text, setText] = useState('');

  console.log(text);

  return (
    <View style={styles.block}>
      <TextInput
        placeholder="할일을 입력하세요."
        style={styles.input}
        value={text}
        onChangeText={setText}
      />
    </View>
  );
}

(...)