reagieren nativ - DatePickerIOS mit AsyncStorage

Question

Ich habe versucht, DatePickerIOS Daten mit Redux speichern. Gibt es eine Möglichkeit, AsyncStorage zu verwenden? Ich habe bisher ohne Glück versucht. Gibt es Vorschläge zur Verwendung von AsyncStorage mit einer einfachen DatePickerIOS-Komponente?

<DatePickerIOS 
    style={{ paddingTop: 110 }} 
    mode='date' 
    date={this.state.d} 
    onDateChange={(d) => this.onDateChange(d)} 
/> 

constructor(props) { 
this.state = { date: newDate() }; 
} 

onDateChange(d) { 
this.setState({ 
    d: d 
}); 

Answer 1

Sie setzen den Zustand für die d Variable in onDateChange aber Sie verwenden, um die startDate Variable in der DatePickerIO S. bei dieser Werfen Sie einen Blick, nicht in App getestet haben sollten aber funktionieren.

export class PickerIOS extends React.Component { 
    constructor() { 
    super(); 
    this.state = { 
     pickedDate: null 
    } 
    } 

    componentWillMount() { 
    getData('date') 
    .then((date) => { 
     if (date != null) 
     this.setState({pickedDate: date}) 
     else 
     this.setState({pickedDate: new Date()}) 
    }) 
    } 

    onDateChange(date) { 
    setData('date', date) 
    this.setState({pickedDate: date}) 
    } 

    render() { 
    return (
    <DatePickerIOS 
     mode='date' 
     date={this.state.pickedDate} 
     onDateChange={(date) => this.onDateChange(date)} 
     /> 
    ); 
    } 
} 

und dann, für die Code-Organisation, in einer anderen Datei:

setData(key, data) { 
    try { 
    await AsyncStorage.setItem(key, data); 
    } catch (error) { 
     // Error saving data 
    } 
} 

getData(key) { 
    try { 
    const value = await AsyncStorage.getItem(key); 
    if (value !== null){ 
     return value 
    } 
    } catch (error) { 
    // Error retrieving data 
    } 
}