如何解决react中的fullcalendar v5 useref不包含日历
我正在使用fullcalendar的react版本,这是我组件的一部分:
const itMaker = React.useRef();
...
<FullCalendar
ref={itMaker}
...
customButtons={{
prev: {
click: function () {
console.log('itMaker',itMaker)
itMaker.current.calendar.incrementDate({ days: -1 });
}
}
}}
useref()
的结果在v4和v5中有所不同。 v4中的结果与以下相同:
❌这是useref()
在全历v5中的结果:
问题是calendar
在v4的useref()
中存在,而在v5中不存在!
解决方法
在类库中尝试这样:
export default class DemoApp extends React.Component {
calendarRef = React.createRef()
render() {
return (
<FullCalendar ref={this.calendarRef} />
)
}
someMethod() {
let calendarApi = this.calendarRef.current.getApi()
calendarApi.incrementDate({ days: -1 });
}
}
或在函数库中:
export default function DemoApp () {
calendarRef = React.useRef()
return (
<FullCalendar ref={calendarRef} />
)
someMethod() {
let calendarApi = calendarRef.current.getApi()
calendarApi.incrementDate({ days: -1 });
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。