我已經使用 React hook 創建了一個日期對象,useState如下所示: const [selectedDate, setselectedDate] = useState(new Date());我有一個更新對象日期的函數: const handleDayChange = (increment) => { let dateWillUpdate = selectedDate; date.setDate(selectedDate.getDate() + increment); setselectedDate(dateWillUpdate); };對象已更新,但 UI 未更新。所以我嘗試了另一種方法,就是像這樣分配日期對象:let dateWillUpdate = {...selectedDate};但這給了我一個空對象:object:{}我正在使用此功能渲染日期:const renderDaySelector = () => { return ( <View style={styles.selector}> <View style={[styles.fieldContainer, { flex: 1 }]}> <TouchableOpacity onPress={() => handleDayChange(1)}> <MaterialCommunityIcons name="chevron-up" color={Colors.primary} size={30} /> </TouchableOpacity> <View style={[styles.field]}> <TextInput style={styles.textField} keyboardType="number-pad" value={selectedDate.getDate().toString()} /> </View> ... ); };我在函數組件的主要返回中調用它:return (... <View style={styles.values}>{renderDaySelector()}</View>...)調用時如何讓 UI 更新handleDayChange()功能?謝謝。
在 setState 上使用 JavaScript Date 對象時,React hook
大話西游666
2023-06-09 15:35:18