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.

El switch de la interfaz de usuario de Antd no se actualiza después de enviar.

29 Jul, 2023 Programación

Soy nuevo en ANTD y tengo el mismo problema y no puedo entender la solución, ¡por favor ayuda!
aquí está mi código:

<switch valuepropname="value" onchange="{(evt)" ==""> setAccountData({...accountData, active: evt})}/>

después de enviar, el estado vuelve a ser falso pero el botón todavía está marcado, ¿cómo puedo desmarcar el interruptor después de enviarlo?

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para desmarcar el interruptor después de enviarlo, puedes establecer el valor de valuePropName como checked en lugar de value. Así que tu código se verá así:

    <switch checked="{accountsData.active}" onchange="{(evt)" ==""> setAccountsData({...accountsData, active: evt.target.checked})}/>

    De esta manera, el interruptor solo estará marcado si accountsData.active es true. Y cuando envíes el formulario, puedes restablecer accountsData.active a falso para desmarcar el interruptor.

Comments are closed.