How to set fields to its default value inside constructor of form class

I’m trying to call the mobx react form more than once and the problem is that when I call it suppose the second time, the field has the same value as it was updated the first time.

constructor(props) { super({ fields }, { plugins }); this.newFields = Object.assign({}, fields); }

So the newFields has the previous updated value every time I try to call the form. How can I get the default fields value like every time when I call the form?

One thing I found is that when I manually refresh the page, the fields gets back its original value which is obvious. Please correct me if I’m going wrong, I’m new to React and using this for the first time.

[utftufutukgyftryidytftuv]

pls do applying default values by d-e-f-a-u-l-t

[pdfowler]

@utftufutukgyftryidytftuv FWIW, here’s how I handle applying default values on form init:

export function init(
  values = {},
  defaults = {
    roles: ['user'],
  },
) {
  return new MyForm({
    fields,
    values: _.defaults(values, defaults),
    defaults,
  });
}