Вернуть элемент JSX в строку требуемой функции в реакции

Я использую большой календарь React < strong>tooltipAccessor требует строки, но мне нужно добавить больше данных во всплывающую подсказку в соответствии с некоторым форматированием пользовательского интерфейса (как на изображении).

Есть ли способ передать JSX в виде строки.

введите здесь описание изображения


person nipunravisara    schedule 18.03.2020    source источник
comment
Вы можете передать объект информации об элементе jsx, и это все содержимое, которое вам нужно для элемента. См. официальный документ reactjs.org/docs/jsx-in-depth.html   -  person keikai    schedule 18.03.2020
comment
Я попробую это...   -  person nipunravisara    schedule 18.03.2020
comment
Попробуйте это изменение всплывающей подсказки в большом календаре реакции   -  person awran5    schedule 18.03.2020


Ответы (1)


Наконец нашел решение.

Существует параметр API component для передачи пользовательского компонента в календарь. так что вы можете получить доступ к eventWrapper — с возможностью размещения элементов и event — с поддержкой событий.

components={{
        eventWrapper: ({ event, children }) => <div/>,
        event: event => {return <div/>}
}}

Спасибо за вашу помощь!.

person nipunravisara    schedule 19.03.2020