redux-form

First of all, I'm very new to TS, React & Redux, so sorry if this is an obvious question. I'm trying to modify this example to get a form to load some information. It's using redux-form . I'm trying to figure out how to call connect and redux-form at the same time in the export of the component. Right now it's looking like this: class UserForm extends React.Component<IUserProps, void> { .. } export default ReduxForm.reduxForm({ form: 'user', fields: [ 'userName', 'password', 'firstName', 'lastName', 'email' ], validate: UserForm.validate, })(UserForm); The examples I've seen without TS look

Backgrond: I am creating a Login component. saga.js is composed by 3 functions 1. rootSaga . It will execute the list of sagas inside 2. watchSubmitBtn . It will watch the click on the submit button and dispatch an action. 3. shootApiTokenAuth will receive dispatched action and process axios.post the return value is promise object In action: Backend returns 400 to the React . This case no problem I can read the payload and display in the render() easily. But when 200 is returned. I need to let user go to the url /companies . Attempt: I had tried put this.props.history.push('/companies'); in

I'm using redux-form and it provides a built-in reducer, called "formReducer" that need to be registered with the combined reducers to manage the form state with redux's store. I'm also using redux-persist to persist the redux store. The problem raised when I don't want to have my form automatically re-populate the data entered by the user on page reloading or page refreshing. In a normal reducer written by my own, I can simply add an switch case for action of type "REHYDRATE" (dispatched by redux-persit) to prevent the state slice from auto-rehydrating by just returning its initial state or

Does redux-form field value can hold object instead of just a string? Consider following example class SelectQuestions extends Component{ render(){ const {fields:{question1,question2},handleSubmit}=this.props; return <div> <form onSubmit={handleSumbit(this.handleFunction.bind(this))}> <SelectQuestion {...question1}/> <SelectQuestion {...question1}/> <button type="submit" className="btn btn-default">Submit</button> </form> </div> } } class SelectQuestion extends Component{ render (){ <select></select> } } 'SelectQuestion' takes array of Questions, each Question has question id and question name

What is the recommended way to handle redux-form/CHANGE actions being dispatched by redux-form? I have my own reducer managing the state of this form but I'm not sure if it's best to do the following: export default reducer (state = initialState, action) { case 'redux-form/CHANGE': // return modified state } One problem I see is that this reducer would receive every redux-form/CHANGE action. Additionally as far as I can tell ActionTypes.js isn't exported in a way for me to import it so I feel as though this may not be best practice. You can definitely use redux-form action creators. You just

I am trying to pass custom props to my component which is decorated with reduxForm . Also I am very new in Typescript. The first problem is that I can't wrap the decorated component with connect: export default connect(mapStateToProps)( reduxForm({ form: 'myform' })(MyComponent) ) The error: Error:(89, 5) TS2345:Argument of type 'DecoratedComponentClass<any, Partial<ConfigProps<any, {}>>>' is not assignable to parameter of type 'ComponentType<{ addressValue: any; isDeliveryAddress: any; customerTypeValue: any; } & DispatchPr...'. Type 'DecoratedComponentClass<any, Partial<ConfigProps<any, {}>>