重新加载后保存react-native-check状态

import React, { Component } from 'react';
import { View, AsyncStorage, CheckBox } from 'react-native';

export default class App extends Component {
  state = {
    isChecked: false,
  };

  componentDidMount() {
    this.loadCheckboxState();
  }

  loadCheckboxState = async () => {
    try {
      const value = await AsyncStorage.getItem('checkboxState');
      if (value !== null) {
        this.setState({ isChecked: JSON.parse(value) });
      }
    } catch (error) {
      console.error('Error loading checkbox state:', error);
    }
  };

  saveCheckboxState = async (isChecked) => {
    try {
      await AsyncStorage.setItem('checkboxState', JSON.stringify(isChecked));
    } catch (error) {
      console.error('Error saving checkbox state:', error);
    }
  };

  handleCheckboxChange = (isChecked) => {
    this.setState({ isChecked });
    this.saveCheckboxState(isChecked);
  };

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

    return (
      <View>
        <CheckBox
          value={isChecked}
          onValueChange={this.handleCheckboxChange}
        />
      </View>
    );
  }
}