onChange not working with react Formsy

Question

I am using react formsy(https://github.com/formsy/formsy-react). Following is my code, in this handleChange is not working.

If i use simple select then it works

I need to get value on change to get cities.

<SelectFormsy
   className="mb-16"
    name="state"
    label="state"
    value={state}
    onChange={this.handleChange}
    >
      {stateReducer.state.map((s, idx) => (
             <MenuItem key={idx} value={s.stateName}>{s.stateName}</MenuItem>
       ))}
</SelectFormsy>


handleChange= (event) => {
    console.log(['state',event.target]);
    this.setState({stateId:event.target.value});
}

Please provide the whole React Component code. – cheekujha Jul 30 '18 at 18:33 — cheekujha, Jul 30 '18 at 18:33

score 0 · Answer 1 · answered Aug 29 '18 at 13:52

The SelectFormsy object will take the onChange function as a prop. Inside the SelectFormsy object you need to take that prop and call it.

ALL INSIDE SelectFormsy

<Select
    onChange={this.SOME_CHANGE_FUNCTION}
/>

changeValue = (event) => {
    if (this.props.onChange) {
        this.props.onChange(event)
    }
}

;

onChange not working with react Formsy

1 Answers1