Javascript 在fullCalendar 4中设置eventRender并作出反应

在与jquery一起使用的fullCalendar中，我有以下eventRender：

    eventRender: function (event, element, view) {
    if (event.finito == 0) {
        element.css('background-color', '#FF0000');
    }
},

我正试着用React做同样的事情。 我试过这个，但不起作用： 我还尝试了在网上和官方网站上找到的其他各种代码示例，但都不起作用

customEventRender = info => {
    info.el.className = "red";
    info.el.children[0].className = "red";
    return info.el
};

<FullCalendar events={this.state.events}
              weekends={true}
              options={this.state.fullcalendarOptions}
              eventRender={this.customEventRender}
>
</FullCalendar>

customEventRender=info=>{
info.el.className=“红色”；
info.el.children[0].className=“red”；
返回信息
};

我找到了这个解决方案

在fullCalendar 4中，自定义属性存储在事件对象的

extendedProps

属性中（请参阅）

---

重新编辑：“更新——这很有效”…如果您找到了答案，我可以要求您将其添加到下面的答案部分，然后其他人也可以找到它（因为带有答案的问题在搜索结果中显示得更多）。我们允许并鼓励你回答自己的问题。你已经有了足够的声誉点，这表明你了解这个网站是如何运作的——有一个部分是关于这个问题的，有一个部分是关于答案的。解决方案不属于问题的一部分！好的，我用另一个帖子发布了解决方案！

this.state = {
        fullcalendarOptions: {
            plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
            firstDay: 1,
            editable: false,
            defaultDate: new Date(),
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            eventClick: (info) => {
                console.log(info.event.id);
                // document.location.href = 'up.php?id=' + calEvent.id;
            },
            eventRender: function (info) {
                if (info.event.extendedProps.finito == 0) {
                    info.el.style.backgroundColor = "#FF0000";
                }
            }
        },
        events: []
    };