TypeError: raw is not a function about react-use-form-state HOT 6 CLOSED

I'm so sorry - I was using outdated code. Please ignore this.

from react-use-form-state.

Hi @stclairdaniel – sorry for the confusion.

raw will be added in 0.10.0 which isn't released yet (I'm planning on releasing that later today).

The documentation on the GitHub master branch is for the next version. Please refer to this branch https://github.com/wsmd/react-use-form-state/tree/0.9.1 for the latest documentation.

from react-use-form-state.

Thanks for the quick reply! Our team has been loving the library so far - looking forward to implementing raw to work with react-select :)

from react-use-form-state.

I'm actually looking for beta testers if you are interested – raw (as well as some other goodies 😁) is currently available in the beta release react-use-form-state@beta.

from react-use-form-state.

I'd love to but we've made a local version with some specific changes - I'll talk to my team about creating a fork here with our changes.

Is this an ok place to ask for some help with selectMultiple? There's nothing in the docs about how to use it, but I don't understand how to pass in the options - I'm getting an error TypeError: Cannot convert undefined or null to object here:

function getNextSelectMultipleValue(e) { return Array.from(e.target.options).reduce(

I don't see where options is being supplied to the target - am I supposed to do this manually?

I was able to "fix" this issue by completely replacing as:
function getNextSelectMultipleValue(e) { return e.target; }

from react-use-form-state.

I don't see where options is being supplied to the target - am I supposed to do this manually?

options is a native DOM attribute of HTMLSelectElement (aka <select>). This attribute represents the options that are set inside of the select element - so yes, you have to set the options manually.

function App() {
  const [formState, { selectMultiple }] = useFormState();
  return (
    <select {...selectMultiple('items')}>
      <option value="a">Option A</option>
      <option value="b">Option B</option>
      <option value="c">Option C</option>
    <select>
  );
}

I hope that helps.

from react-use-form-state.