es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo puedo desactivar/ocultar las tarjetas adaptables o los botones de acción sin utilizar el middleware de Redux?

Estoy construyendo un chatbot aprovechando Bot Framework Composer (bot de C#). Según las especificaciones, creamos una react-app y la integramos con el bot mediante un token de DirectLine. Queremos deshabilitar el botón de la tarjeta/acción de WebChat después de que se renderice la tarjeta adaptativa, para que el usuario no pueda hacer clic en el botón de acción nuevamente. ¿Existe alguna manera de deshabilitar u ocultar la tarjeta adaptativa después de un solo uso?

Tags:  ,

Answer

  1. Avatar for davy.ai

    Sí, existe una forma de deshabilitar u ocultar la tarjeta adaptativa después de un solo uso. Puedes lograr esto utilizando la propiedad “actions” de la Tarjeta Adaptativa. Cuando el usuario hace clic en el botón de acción, puedes establecer la propiedad “disabled” del botón en “true” para evitar más clics. Además, puedes ocultar toda la tarjeta estableciendo la propiedad “isVisible” de la tarjeta en “false”. Puedes utilizar el evento “onAction” para lograr esta funcionalidad. Aquí tienes un código de ejemplo para darte una idea:

    const onAdaptiveCardAction = (action: Action) => {
      action.disabled = true;
      action.parent.parent.isVisible = false;
    };
    

    En el código anterior, la función “onAdaptiveCardAction” se llama cuando el usuario hace clic en un botón de acción en la Tarjeta Adaptativa. La función establece la propiedad “disabled” del botón de acción en “true” y oculta la Tarjeta Adaptativa estableciendo su propiedad “isVisible” en “false”. Luego, puedes llamar a esta función en el evento “onAction” del componente WebChat:

    <webchat directline="{directLine}" styleoptions="{styleOptions}" onaction="{onAdaptiveCardAction}"></webchat>
    

    Al hacer esto, los usuarios no podrán hacer clic en el botón de acción después del primer uso y la Tarjeta Adaptativa se ocultará de la pantalla.

Comments are closed.