TanStack•10mo ago•

3 replies

few-sapphire

Remove value from the form on field unmount

I have 2 fields:

name

name

and

description

description

. The

description

description

is optional, and there is logic that hides the

description

description

field.

By saying "hides," I mean this:

const [showDescription, setShowDescription] = useState(true);

...

{showDescription && <form.Field name="description" ... />}

const [showDescription, setShowDescription] = useState(true);

...

{showDescription && <form.Field name="description" ... />}

The scenario:
- Input a name
- Input a description
- Hide the description field
- Submit the form
- In

onSubmit

onSubmit

callback I receive both

name

name

and

description

description

, but expect to receive only

name

name

Is there a way to implement this?