Can not type any text in TextField about redux-form-material-ui

[Tushant]

You can copy paste this reducer to see if it works or not. Just for your ease to know if your issue will solve by setting reducer or not. If not then we can further discuss.

import { reducer as reducerForm } from 'redux-form';

const rootReducer = combineReducers({
 form: reducerForm
});

export default rootReducer;

[zakdances]

@Tushant Looks like it's working now with your suggestion. Thanks for the help. What was confusing me was the form key. It can't be given a different name...it must be written as form. And there was no error message to offer a clue to my mistake.

[zakdances]

@Tushant

import * as React from 'react';

import './AddRowForm.scss';

import { reduxForm, Field } from 'redux-form'

import {
  TextField
} from 'redux-form-material-ui'

class AddRowForm extends React.Component<any, any> {
  render() {
    return (
      <form>
        <Field name="firstname" component={TextField} hintText="First Name"/>
        <Field name="lastname" component={TextField} hintText="Last Name"/>

        <Field name="occupation" component={TextField} hintText="Occupation"/>
        <Field name="username" component={TextField} hintText="Username"/>

      </form>
    )
  }
}


export default reduxForm({
  form: 'myForm'
})(AddRowForm as any)

[zakdances]

@Tushant I think my problem is that I haven't set up the proper Redux-Form reducer. I'm investigating now.

[zazapeta]

Remove all of these :
onChange={(e) => this.setState({ deviceName: e.target.name })}

Redux-form handle change for you. You do not need to handle it.
If you need to get the value of a field, use 'ref' or read it from the 'store'.

[Tushant]

Yes removing onChange works. Thanks

[zakdances]

I'm not using onChange and typed text doesn't appear.

[Tushant]

Can you show your code, please?

[Tushant]

What error do you get?

[yoslev]

Thanks Tushant - I missed some important detail.
Didn't know that I have to combine reducer " form: reducerForm"
const rootReducer = combineReducers({
form: reducerForm
});
I keyed in text and nothing displayed on fields.
I spent 1.5 hours for finding your tip!
Thanks.

[acampbell4444]

yes

[nuprakash]

its not working for me