React-redux-form: Select Component Doesn't Work

[Ahmtdnz]

I need help for custom component. Select component doesnt work with Field.

<Field model="user.city">
<label>{labelText}</label>
<Select ref="stateSelect" autofocus options={autosuggest} simpleValue clearable={true} name="selected-state" placeholder="Select City."  value={this.state.selectValue} onChange={this.updateValue} />
</Field>`

http://prntscr.com/beocfz

[davidkpiano]

Which custom Select component is this? Did you read the docs on Custom Components?

[Ahmtdnz]

Sorry, i didn't see. Do you have custom component example ?

Thanks for help.

[davidkpiano]

The Material-UI TextField example works well:

import { createFieldClass, controls } from 'react-redux-form';
import TextField from 'material-ui/lib/text-field';

const MaterialField = createFieldClass({
  'TextField': controls.text
}, {
  componentMap: {
    TextField: TextField
  }
});

// render():
<MaterialField model="...">
  <TextField />
</MaterialField>

[ishwinder]

Were you able to make the select component of material-ui work with react-redux-form ? Material-ui select seems too buggy :(

[philippzentner]

@davidkpiano TextField etc are working great. But it seems to have hard times with custom select & menuitem (option) controls.

[davidkpiano]

@philippzentner can you share your current problematic code?