Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ability to return a react element in eventRender function

See original GitHub issue

I’d like to be able to return a JSX-style react element in the eventRender function, like in the customEventRender method in this CodePen: https://codesandbox.io/embed/p7kyyr14ym

If I try this now I get TypeError: can't define property "fcSeg": Object is not extensible.

Let me know if I need to provide more info to describe this.

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:25 (7 by maintainers)

Top GitHub Comments

8reactions

arshawcommented, May 24, 2019

I’m reopening this up because it might be a nice API to allow for returning a JSX element.

I’ve been thinking about this recently because it came up in the Vue repo (https://github.com/fullcalendar/fullcalendar-vue/issues/14)

4reactions

arshawcommented, Apr 14, 2020

this is available in the latest v5-beta

here’s an example using the new eventContent setting: https://github.com/fullcalendar/fullcalendar-example-projects/blob/v5/react/src/DemoApp.jsx#L38

Top Results From Across the Web

Handling Events - React

Handling events with React elements is very similar to handling events on DOM ... With JSX you pass a function as the event...

How to render a popover React component for a FullCalendar ...

I know I am stuck on not understanding how to render the Popover with FullCalendar's new event render hook: 'eventDidMount'.

Content Injection - Docs - FullCalendar

These examples use eventContent from the event render hooks: ... If you are using the React connector, you'll be able to return React...

Rendering and Updating Data using Component Lifecycle ...

React allows us to define the function or class-based component that ... 1 render() { 2 const { todos } = this.state; 3...

Appointments in React Schedule component - Syncfusion

Checkout and learn about Appointments in React Schedule component of Syncfusion ... render() { return <ScheduleComponent height='550px' selectedDate={new ...