v0.0.149

✨ New Feature

• Feat(useFormState): give you the power to listen to the changes of the properties in form state without trigger re-renders, see related doc to learn more.

import { useForm, useFormState } from "react-cool-form";

const App = () => {
  const { form } = useForm({ defaultValues: { foo: "", bar: "" } });

  // Triggers callback when form's values changed
  useFormState("values", ({ foo, bar }) => console.log({ foo, bar }));
  // Triggers callback when a field value changed
  useFormState("foo", (foo) => console.log(foo));
  // Triggers callback when field values changed
  useFormState(["foo", "bar"], ([foo, bar]) => console.log([foo, bar]));

  return <form ref={form}>{/* Some fields... */}</form>;
};

v0.0.148

💥 Breaking Change

• Feat(useFieldArray): simplify fields API, less is more!

Before

const App = () => {
  const { form } = useForm({ defaultValues: { foo: [{ name: "Iron Man" }] } });
  const [fields] = useFieldArray("foo");

  return (
    <form ref={form}>
      {fields.map(([fieldName, { name }]) => (
        <input key={fieldName} name={`${fieldName}.name`} defaultValue={name} />
      ))}
    </form>
  );
};

After

const App = () => {
  const { form } = useForm({ defaultValues: { foo: [{ name: "Iron Man" }] } });
  const [fields] = useFieldArray("foo");

  return (
    <form ref={form}>
      {fields.map(fieldName) => (
        <input key={fieldName} name={`${fieldName}.name`} />
      ))}
    </form>
  );
};

🐛 Bug Fixing

• Fix(useControlled): the useForm's defaultValues option not working when using with useFieldArray

v0.0.147

💥 Breaking Change

• Feat: remove the target options from mon, getState, useFormState APIs, provide a shortcut to access the form's values. #492 4f0dbaf

🐛 Bug Fixing

• Feat: shortcut for getting form's values #494 40e9b76

v0.0.146

Patch Changes

• 68b340a Thanks @wellyshen! - Fix(useFieldArray): correct the type of return values

v0.0.145

Patch Changes

• #489 1eee601 Thanks @wellyshen! - Fix(useFieldArray): fields not updated by helper methods

v0.0.144

💥 Breaking Change

• Feat(useFieldArray): better API for fixing the side-effect of React Lists and Keys. See new API. Sorry this version has some problems, please use v0.0.145. (#487) (2d70034)

v0.0.143

Patch Changes

• 4f9ae54 Thanks @wellyshen! - Fix(useFieldArray): reset fields not working properly

• c5a700f Thanks @wellyshen! - Fix(useForm): reserve the default value of field-array from removeField method

v0.0.142

• Fix(useFieldArray): reset value not working properly
• Fix(useControlled): controlled components not working with field-array

v0.0.141

• Feat: new useFieldArray hook

v0.0.140

💥 Breaking Change

• Change select method to mon (a.k.a monitor)

🐛 Bug Fixing

• Fix wrong form values due to automatically remove a field