Si deseas encapsular la lógica en tu aplicación, puedes utilizar variables de estado.

Crear una variable de estado

Para añadir una variable de estado a tu aplicación, sigue estos pasos:

1. En tu aplicación, haz clic en el icono Datos ({ }) para abrir la pestaña Datos.
2. Haz clic en el signo más (+) y selecciona Variable.
3. O haz clic en el nombre de la variable y cámbiale el nombre.
4. Define el valor inicial de tu variable de estado.

Ejemplo de aplicación

Para crear una aplicación que utilice un botón para cambiar el estilo y el valor de un componente del valor de la llamada, sigue estas instrucciones.

Crear las variables

1. En tu aplicación, haz clic en el icono Datos ({&nbps;}) para abrir la pestaña Datos.
2. Haz clic en el signo más (+) y selecciona Variable.
3. Nombra la variable callout_value y configura su Valor inicial en Pass.
4. Haz clic en el signo más (+) para crear otra variable.
5. Nombra esta variable callout_color y configura su Valor inicial en green.

Crear los componentes

1. Añade un componente del valor de la llamada a tu aplicación. Dale los siguientes valores:
   • Valor: ${callout_value.value}
   • Estilo: ${callout_color.value}
2. Añade un componente de botón a tu aplicación y configura su etiqueta en Change status.
3. En Eventos, añade un evento. Dale los siguientes valores:
   • Evento: click
   • **Reacción: custom
   • Devolución de llamada:

     ${ () => {
         if(callout_color.value !== "green"){
             callout_color.setValue("green")
             callout_value.setValue("Pass")
         } else {
         callout_color.setValue("red")
         callout_value.setValue("Fail")
         }
     } }
     

4. Haz clic en Vista previa para obtener una vista previa de tu aplicación.
   Al hacer clic en el botón Cambiar estado de tu aplicación, el color y el texto del elemento del valor de la llamada alternan entre verde Correcto y rojo Incorrecto.

Referencias adicionales

Más enlaces, artículos y documentación útiles:

Crear aplicacionesDOCUMENTACIÓN Expresiones de JavaScriptDOCUMENTACIÓN

¿Tienes preguntas o comentarios? Únete al canal #app-builder en Datadog Community Slack.