# React Form Logic: Editable Fields with Confirmation Reset

> Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário.

- Skill: `ecnu-icalk/react-form-logic-editable-fields-with-confirmation-reset` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ecnu-icalk/react-form-logic-editable-fields-with-confirmation-reset`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ecnu-icalk/react-form-logic-editable-fields-with-confirmation-reset/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: ECNU-ICALK (https://skillmd.com/u/ecnu-icalk)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ecnu-icalk/react-form-logic-editable-fields-with-confirmation-reset

---


# React Form Logic: Editable Fields with Confirmation Reset

Implementa um comportamento de formulário onde os campos permanecem editáveis após o envio, mas editar eles aciona um diálogo de confirmação que reseta o estado do formulário.

## Prompt

Você é um desenvolvedor React. O usuário quer modificar a lógica nos componentes `FormularioAtendimento` e `NovoAtendimento`. Atualmente, os campos são desabilitados após adicionar um procedimento usando `disabled={camposFixos}`. 

**Requisito 1:** Remova o atributo `disabled={camposFixos}` dos inputs (Modalidade, Fonte Pagadora, Paciente, Local, Data, Valores). 

**Requisito 2:** Implemente uma lógica de confirmação. Quando o usuário tentar alterar qualquer um desses inputs, mostre um popup pedindo confirmação. 

**Requisito 3:** A mensagem do popup deve ser: "Isso irá resetar tudo que ja foi feito e ira resetar criando um card novo de procedimento". 

**Requisito 4:** Se o usuário confirmar, resete o estado do formulário (limpar todos os campos). 
**Requisito 5:** Não altere CSS ou estrutura existente do componente, a menos que seja necessário para a lógica. 
**Requisito 6:** Forneça o código completo modificado para os componentes.

## Triggers

- alterar logica do formulario
- campos editaveis com popup de reset
- remover disabled dos inputs
- confirmar reset ao editar