问题标签 [react-big-calendar]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

229 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
840 浏览

reactjs - 从 react-dnd 获取后端实例

我正在尝试在应用程序中一起使用react-dnd并react-big-calendar支持拖放支持（也可以react-dnd在后台使用）。但是，如果我单独启动它们，我会收到一个错误：

Uncaught Error: Cannot have two HTML5 backends at the same time.

这是代码：

应用程序.js

日历.js

react-big-calendar文档提到该withDragAndDrop()函数可以接受后端作为第二个参数，这意味着理论上，我应该能够检索我已经设置的后端实例react-dnd并将其作为参数传递。但是，我不确定如何检索后端实例。

react-dnd 文档DragDropContext提到了一个实例方法getManager()，它应该可以帮助我检索后端（getManager().getBackend()）。但是，这里的关键是实例方法。如何DragDropContext(HTML5Backend)(App)从我的Calendar.js文件中获取实例？

0 投票
2 回答
1080 浏览

css - 如何从样式化组件访问子级的 css 值？

我正在使用一个 REACT BIG CALENDAR，我想在我的一个函数中访问 c​​ss 值。

我创建了一个样式组件并覆盖了库

现在，例如，日历中有一个 div，其 class = "hello"，

如何在函数中访问“hello”的 css 值？类似于在手写笔中的属性查找。

我已经尝试过window.getComputedStyle(elem, null).getPropertyValue("width")，但这给出了父组件的 css。

0 投票
0 回答
1184 浏览

javascript - 单击插槽时在反应大日历中显示预订模式并将预订按钮保留在空插槽中

当我单击空插槽时，我试图在反应大日历中实现模态。我的默认视图是week。这是我的代码。

现在，我希望在单击空插槽时显示模态。如果可能的话，我想在插槽中创建一个书本按钮。我在我的应用程序中使用引导模式。我需要这方面的帮助。代码中有我想要模态的注释。谢谢

0 投票
1 回答
575 浏览

javascript - react-big-calendar 错误：提供给`Popup`的`date`类型的无效道具`slotStart`，预期`number`

我正在为 react-big-calendar 使用道具“popup”，单击“+ x more”链接后，我在控制台中收到上述错误。我的 onEventClick 函数通过将我路由到“日历/”来工作，但我不确定我在这里缺少什么。我通读了一些文档，但找不到解决问题的正确示例。我怀疑这与“时刻”或日期对象的格式不正确有关。

这是事件对象的“开始”属性的示例。该对象被推送到其他事件对象的数组中：

0 投票
1 回答
514 浏览

javascript - react-big-calendar 显示任务，而不仅仅是标题和描述

我正在使用react-big-calendar组件来安排任务，但它只有title和description，我怎样才能创建一个有<a>标签的盒子并自定义它？！

0 投票
3 回答
1699 浏览

reactjs - 无法读取未定义的属性“momentLocalizer” - React Big Calendar

在我的项目中，我试图初始化 react-big-calendar 但它说它不存在。

我的包版本：“react-dom”：“16.2.0”，“react-big-calendar”：“^0.20.1”，“moment”：“^2.22.2”，

有没有人有解决这些问题的方法？

我知道存在这样的问题，但它涉及不需要本地化程序的旧版本。

0 投票
1 回答
341 浏览

javascript - 渲染 Big React 日历时出现控制台错误

渲染我的 BigCalendar 组件时，我不断收到此控制台错误消息。

我该如何解决这个问题？

“未捕获的错误：NoopWrapper.render()：必须返回有效的 React 元素（或 null）。您可能返回了未定义的数组或其他一些无效对象。在 ReactCompositeComponentWrapper 的不变量（invariant.js?994a:42）。 _renderValidatedComponent (ReactCompositeComponent.js?8c6a:828) 在 ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?8c6a:359) 在 ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?8c6a:255) 在 Object.mountComponent (ReactReconciler.js?af94:43) 在ReactDOMComponent.mountChildren (ReactMultiChild.js?0c7d:234) 在 ReactDOMComponent._createInitialChildren (ReactDOMComponent.js?9b5f:701) 在 ReactDOMComponent.mountComponent (ReactDOMComponent.js?9b5f:520) 在 Object.mountComponent (ReactReconciler.js?af94:43) 在 Object.updateChildren (ReactChildReconciler.js?f170:119)"

这是我的代码：

0 投票
1 回答
256 浏览

reactjs - React Big Calendar 不适用于 React 15.xx

React Big Calendar 与 React 16 配合得很好，但相同的代码在 React 15 上会出错

它给出了错误 - NoopWrapper(...): 必须返回一个有效的 React 元素（或 null）。您可能返回了未定义、数组或其他一些无效对象。

0 投票
1 回答
642 浏览

reactjs - 通过双击反应大日历中的事件打开语义 UI 反应模式

当用户双击反应大日历中的事件时，我正在尝试打开语义 UI 反应模式。我的双击事件处理程序是

EditEvent是包含 Modal 的类组件。它的代码是

到目前为止还没有找到关于这个问题的任何帮助

0 投票
1 回答
226 浏览

google-cloud-firestore - 使用 firestore 时事件日期的格式不正确

在我的项目中，我将开始日期、结束日期和标题发送到 cloud firestore，并在我的 react 应用程序中正确接收。如何从 firestore 解析获取事件到 react-big-calendar？

和我的日历：

日历呈现得很好，我只需要在日历上显示事件。新的反应，所以任何帮助表示赞赏！


12345678910