reactjs - 在反应中需要上一个和下一个按钮的帮助

Question

在react中使用带有fullcalendar4的方法或函数单击prev按钮时如何回调效果操作？

目前我只能这么想：

componentDidMount(){
document.querySelector('.fc-prev-button').addEventListener('click', e => {console.log(e)})
}

componentDidMount(){
document.querySelector('.fc-prev-button').addEventListener('click', e => {console.log(e)})
}

标签： reactjsfullcalendar-4

Answer 1

看起来它适用于 React。您是否在这里阅读过一些有关回调的文档，或者在这里专门使用 react 和底层日历的参考？

我创建了一个简单的代码沙箱，它使用您尝试的回调样式，也使用 API。在这两者之间，您的方法似乎不太推荐，但 IMO 更简洁，因为它使用所有现有的就地 UI，但由于类名可能会更改，因此容易变得更脆弱，而使用 API 进行下一步/prev 这些是直接调用方法，因此不太可能更改。

我想这在很大程度上取决于您在这里要完成的工作，但是您所拥有的将“搭载”按钮单击，因此，如果您只是想在侧面做些事情，它会起作用。