Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Revert checked state managment using ref #39

Closed
andyrichardson opened this issue Feb 2, 2020 · 0 comments · Fixed by #40
Closed

Revert checked state managment using ref #39

andyrichardson opened this issue Feb 2, 2020 · 0 comments · Fixed by #40
Labels

Comments

@andyrichardson
Copy link
Owner

@andyrichardson andyrichardson commented Feb 2, 2020

Going this route was too hacky for it's own good and can make compatibility with native problematic.

Docs need to better document this approach

const [fieldProps] = useField({
  name: "myField",
  initialValue: ['pepsi'],
});

const checkboxes = useMemo(() => [
  { label: "Coke", value: "coke" },
  { label: "Pepsi", value: "pepsi" },
], []);

return (
  <>
    {checkboxes.map(({ label, value }) => (
      <div key={value}>
        <input type="checkbox" {...fieldProps} value={value} checked={fieldProps.value.includes(value)} />
       {label}
      </div>
    )}
  </>
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

1 participant
You can’t perform that action at this time.