How Can I Use a React Component Inside a LightBox Edition Window?

Gantt
1

I’m currently working on a project that uses the LightBox Edition interface and would like to integrate a React component directly within one of its popup windows. While I understand how to render standard HTML content, I’m unsure about the best approach for mounting and managing React components inside the LightBox environment.

Has anyone successfully embedded React elements in a LightBox window? I’m particularly interested in recommendations regarding component initialization, state management, event handling, and ensuring proper cleanup when the window is closed. Any examples or best practices would be very helpful.

2

Hello Johnadam,
React components are added similarly to HTML elements. In a custom lightbox section, you need to call a function that creates a React component in the set_value method and unmount it in the get_value method:

Here is a demo:
https://files.dhtmlx.com/30d/f51648ff001d577baaa46830494fb5bf/react+native_components_inside_the_lightbox.zip