¡Buen día compañeros desarrolladores! ¿Es posible devolver un formato jsx desde una función sin usar reaccionar? Mi proyecto es solo puro Es6 y HTML. Esto es lo que quiero hacer, quiero crear archivos separados para funciones y HTML y luego llamar a los archivos de formato HTML en las funciones.

Por ejemplo, aquí está mi main.js:

 import renderHTML from './display/render.js'; import createElement from './functions/createElement.js'; var popup = document.getElementById('popup-container'); const HTML = `${renderHTML}`; const Fragment = createElement(HTML); popup.appendChild(Fragment);

Luego, en mi archivo renderHTML donde está en formato jsx, aquí está el contenido:

 export default function renderHTML() { return ( <h1>I am the content! Rendered successfully!</h1> ) }

Ahí, espero que haya tenido sentido jajaja... Pero sí, la salida de eso es su código u objeto. Cualquier ayuda o consejo si lo estoy haciendo mal es muy apreciado. ¡Muchas gracias y que tengas un buen día por delante!