本機反應 - DatePickerIOS與AsyncStorage

Question

我試着用redux存儲DatePickerIOS日期。 有沒有辦法使用AsyncStorage？到目前爲止，我一直在努力嘗試。有沒有關於如何通過簡單的DatePickerIOS組件使用AsyncStorage的建議？

<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

您設置在onDateChange的d變量的狀態，但是你用在DatePickerIO S的startDate變量 看看這個，在應用程序，但應該工作沒有進行測試。

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)} 
     /> 
    ); 
    } 
} 

，然後，對代碼組織，在另一個文件：

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 
    } 
}