javascript - Fullcalendar - Lägg till ikon till evenemang med eventRender
Jag försöker lägga till en svg-ikon med import { GoMail } från "react-icons/go";. Tyvärr verkar jag inte kunna hitta ett korrekt sätt att lägga till detta i mina injicerade HTML-element. Dessutom har jag följande fel:
arg.el.find är inte en funktion
Vilken typ ska jag använda för el-parametern i TypeScript och hur kan jag arbeta med react-icons för Fullcalendar?
onEventRender = (arg: {event: EventApi; el: HTMLElement; view: View;}) => {
const start = arg.event.start ? moment(arg.event.start).format('LT') : null
const end = arg.event.end ? moment(arg.event.end).format('LT') : null
const event:any = arg.event
const eventRecurrenceType = event.extendedProps.recurrenceType
if (eventRecurrenceType) {
const icon = <GoMail/>;
arg.el.find('.noteContainer').append(icon);
const notes = `<div class=${styles.noteContainer}>
<div class=${styles.numberOfNotes}>20</div>
<div class=${styles.noteIcon}>${icon}</div>
</div>`
const eventDetails = `<div class=${styles.eventContainer}>
<div>${start}-${end}</div>
${notes}
</div>`
const title = `<div class=${styles.eventTitle}>${arg.event.title}</div>`
const recurrence = `<div>${eventRecurrenceType}</div>`
arg.el.innerHTML = eventDetails + title + recurrence
}
}
Tack!