Как вы используете флажок в функции карты в React Native?

Question

Мой текущий код такой:

export default class All extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      items: [],
      checkedItems: new Map(),
    };
    this.handleChange = this.handleChange.bind(this);
  }

  handleChange(id) {
    this.setState((prevState) => ({ checkedItems: prevState.checkedItems.set(id, true) }));
    console.log(this.state.checkedItems);
  }

  async componentDidMount() {
    const items = ...;
    this.setState({ items });
  }

   render() {
     const { items } = this.state;

     return (
       <Container>
         <Content>
           <View>
             {items.map((item) => (
               <View key={item.id}>
                 <Text>{item.name}</Text>
                 <View>
                   <CheckBox
                     checked={this.state.checkedItems.get(item.id)}
                     onPress={() => this.handleChange(item.id)}
                   />
                 </View>
               </View>
             ))}
           </View>
         </Content>
       </Container>
     );
   }
}

Я хотел бы знать, как снять отметку. Кроме того, когда я впервые проверяю, console.log () в handleChange () выводит Map {}. Это правильно?

Или, если вы знаете лучший способ использовать флажок в функции карты, скажите мне, пожалуйста.

Буду признателен, если вы дадите мне советы.