다음으로 이전에 onToggle을 다룬 것처럼 onRemove 함수도 TodoItem에 전달해줍시다. TodoList 컴포넌트를 다음과 같이 수정하세요.

    components/TodoList.js

    import React from 'react';
    import {FlatList, View, StyleSheet} from 'react-native';
    import TodoItem from './TodoItem';
    
    function TodoList({todos, onToggle, onRemove}) {
      return (
        <FlatList
          ItemSeparatorComponent={() => <View style={styles.separator} />}
          style={styles.list}
          data={todos}
          renderItem={({item}) => (
            <TodoItem
              id={item.id}
              text={item.text}
              done={item.done}
              onToggle={onToggle}
              onRemove={onRemove}
            />
          )}
          keyExtractor={item => item.id.toString()}
        />
      );
    }
    
    (...)
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.