update the form data

[ghost]

Good afternoon

I'm kind of in doubt. I'm using remix.run , and I have a cam form with some inputs. When I change an input in a specific way, this input fetches an api and if it returns values, these values will fill the other inputs, how do I update the form data?

[edmundhung]

You can call form.update() with the value you get from the API like this:

form.update({
  name: fields.something.name,
  value: '....',
})

[lou]

Is there a way to do this for multiple fields?
If I call form.update multiple times, only the last call is taken into account.

[edmundhung]

Sorry for the confusion! To call form.update multiple times, you need to wrap it inside a flushSync like this:

flushSync(() => {
  form.update({ name: fields.a.name, value: '' });
});
flushSync(() => {
  form.update({ name: fields.b.name, value: '' });
});

Since react batches the update by default. This makes sure each update is reflected on the dom immediately so that the next form.update is made based on the latest formData.

FYI, you can also update nested fields in a single form.update:

// Updating all address fields
form.update({ name: fields.address.name, value: { city: 'foo', street: 'bar' });
// Updating all form fields
form.update({ name: form.name, value: { title: '...', address: { city: '', street: '' } });

[kevinhpage]

Hi all. Can anyone tell me where form.update is documented? This post is the first place where I've found the proper arguments to the function.