Reactjs 每次调用OnDayPress时,react本机日历都会重新呈现到当前月份
我使用的是Reactjs 每次调用OnDayPress时,react本机日历都会重新呈现到当前月份,reactjs,react-native,react-hooks,react-native-calendars,Reactjs,React Native,React Hooks,React Native Calendars,我使用的是react native calendar,当我通过单击日期调用onDayPress时,日历会跳到当前月份 我的意思是,假设我点击11月12日,日历跳到10月,也就是当前月份 export default BookingCalendar = () => { const [selected, setSelected] = useState() return ( <View> <CalendarList
react native calendar
,当我通过单击日期调用onDayPress
时,日历会跳到当前月份
我的意思是,假设我点击11月12日,日历跳到10月,也就是当前月份
export default BookingCalendar = () => {
const [selected, setSelected] = useState()
return (
<View>
<CalendarList
theme={{
dayTextColor: 'black',
todayTextColor: 'black',
selectedDayTextColor: 'black',
selectedDayBackgroundColor: '#FF5D4E',
arrowColor: 'black',
}}
style={styles.calendarStyle}
markedDates={{[selected]: {selected: true, disableTouchEvent: true, selectedDotColor: 'orange'}}}
current={new Date()}
minDate={new Date()}
maxDate={addMonths(6)}
onDayPress={day => setSelected(day.dateString)}
onDayLongPress={(day) => {console.log('selected day', day)}}
monthFormat={'MMM yyyy'}
onMonthChange={(month) => {console.log('month changed', month)}}
horizontal={true}
pagingEnabled={true}
/>
</View>
)
}
导出默认预订日历=()=>{
const[selected,setSelected]=useState()
返回(
setSelected(day.dateString)}
onDayLongPress={(天)=>{console.log('selected day',day)}
monthFormat={MMM yyyy'}
onMonthChange={(月)=>{console.log('month changed',month)}
水平={true}
PaginEnabled={true}
/>
)
}
我的想法是,每次调用
onDayPress
时,日历都会被重新渲染,并且它会将自己重新定位到当前的日期,因此我尝试在useEffect
中设置今天的日期,以便在组件装载时只渲染一次,但不会产生任何影响 将当前道具设置为所选日期可为我解决问题