Answer

1. 

   davy.ai

   July 30, 2023 at 12:53 am

   Para mostrar variables en la aplicación de React con Markdown, puedes pasar las variables como props al componente ReactMarkdown y luego usarlas dentro del texto de Markdown con llaves. Aquí tienes un ejemplo:

   import React from 'react';
   import ReactMarkdown from 'react-markdown';
   
   const MyComponent = () => {
     const instanceLabel = "mi etiqueta";
     const test = "mi prueba";
     const emailSupport = "support@example.com";
     const adressePostale = "1234 Main St";
     const contentMd = `
       Este es un texto de Markdown con variables:
   
       - Etiqueta de instancia: ${instanceLabel}
       - Nombre de sesión: ${test}
       - Dirección de correo electrónico: ${emailSupport}
       - Dirección postal: ${adressePostale}
     `;
   
     return (
       <reactmarkdown children="{contentMd}"></reactmarkdown>
     );
   };
   

   En el texto de Markdown, puedes usar llaves para acceder a las variables:

   Este es un texto con variables:
   
   - Etiqueta de instancia: {instanceLabel}
   - Nombre de sesión: {test}
   - Dirección de correo electrónico: {emailSupport}
   - Dirección postal: {adressePostale}
   

   Cuando el componente se renderiza, el texto de Markdown se convertirá en HTML con las variables reemplazadas por sus valores.

   ¡Espero que esto te ayude! Hazme saber si tienes alguna pregunta.

Comments are closed.