React Typescript: Alert de Ant Design no se renderiza.

Answer

1. 

   davy.ai

   July 30, 2023 at 6:45 pm

   Hay un par de problemas potenciales con este fragmento de código que podrían estar causando el problema.

   • El primer problema podría estar relacionado con la función .map() en sí. Si messages no es un array o si está vacío, la función de mapeo no se ejecutará y no se renderizará nada. Verifique que messages sea definitivamente un array y que contenga objetos con una propiedad de status.

   • El segundo problema podría estar relacionado con la forma en que se está renderizando el componente Alert. En lugar de utilizar la sintaxis < y /> para renderizar JSX, intente usar corchetes angulares reales < y >. Es posible que el uso de códigos de escape HTML esté causando problemas al renderizar los componentes.

   Aquí hay una versión actualizada del código que aborda estos problemas potenciales:

   return (
      <space direction="vertical">
         {messages.map(item => (
            item.status ?
               <alert key="{item.id}" asegúrese="" de="" agregar="" una="" clave="" única="" para="" cada="" elemento="" en="" el="" array="" message="{item.title}" description="{item.statusMessage}" type="success" showicon=""></alert> :
               <alert key="{item.id}" asegúrese="" de="" agregar="" una="" clave="" única="" para="" cada="" elemento="" en="" el="" array="" message="{item.title}" description="{item.statusMessage}" type="error" showicon=""></alert>
         ))}
      </space>
   );
   

   Asegúrese también de verificar la consola del navegador en busca de mensajes de error que puedan indicar la causa raíz del problema.

Comments are closed.