redux-form

问题 I am trying to load my previous values in Redux From Fields on screen and hoping to get new values from each fields as a user updates the values. I have tried couple different ways, like onChange or initialValues but so far I still have no luck to get it working: Here is my code so far: `import _ from 'lodash'; import React, { Component } from 'react'; import { connect } from 'react-redux'; import { reduxForm, Field } from 'redux-form'; import { Link } from 'react-router-dom'; import

问题 I have a stateless React function to render a react-select Select to a form. Everything else works nicely with redux-form except when redux-form is reset. I need to reset the form manually after successful post. onChange and onBlur change the redux-form value correctly when Select has a value change. When I reset the redux-form, the redux-form value is cleared but the Select will have the old value. function SelectInput(props) { const { input, options, label } = props; const { onChange,

问题 If have a list of users and each Entry has a button »EDIT«. If the user clicks on it the following happens: request the server for the form Add the component <UserEditForm /> to the entry, what expands the entry This works fine except one thing: If one clicks further buttons each Instance of the form receives the data of the last user form requested. That is because I have only only one userform property in the state. So to solve this I want to exchange userform to userforms which should

问题 I'm wondering how to get async validation to trigger on a Field component inside of a FieldArray. I have something like: class MyForm extends Component { constructor(props) { super(props) } render() { const { handleSubmit } = this.props return ( <form onSubmit={handleSubmit}> <Field name="name" type="text" component={RenderInputField} /> <FieldArray name="hobbies" component={RenderHobbies} /> </form> ) } } MyFormBase = reduxForm ({ form: 'MyForm', validate, asyncValidate, asyncBlurFields: [

问题 i have a restful api that accepts dotted(path) strings as parameter keys. for example, i can call this: /widgets?material.type=iron so i have a redux-form field like: <Field name="material.type" component={TextField} label="material type" /> but redux-form interprets the dot in material.type and when passed to my handler ends up as {material: {type: 'iron'}} . i understand why this is the default behavior, but i was wondering if there is an easy way to thwart it with a property or something

问题 I use TextInput with onChangeText and Value, Value for use initialValues, and onChangeText for change this value. When I only use onChangeText without Value, it works correcly, but when I use onChangeText and Value it doen't works correcly. I upload image that show the error. I want write "Hi, How are you?" You can see the error in the following link: https://i.stack.imgur.com/MiVNn.gif My code: import { Field, reduxForm } from 'redux-form'; import { connect } from 'react-redux'; const

问题 import React from 'react'; import ReactDOM from 'react-dom'; import { createStore } from 'redux'; import createHistory from 'history/createBrowserHistory'; import { Provider } from 'react-redux'; import ConnectedRouter from 'react-router-redux'; import { Route, Switch } from 'react-router'; import Home from "./pages/Home"; import Register from "./pages/Register"; import CourseManagerDashboard from "./pages/CourseManagerDashboard"; import CourseDetail from "./pages/CourseDetail"; import App

问题 I'm using redux-form. I'm showing initial values in input fields from the state. When I click on reset, the input field is still showing initial values. How can I reset the input field? This is my code : const mapStateToProps = (state) => { return { initialValues: { name:state.userInfo.data.name, email:state.userInfo.data.email, phone:state.userInfo.data.phone, city:state.userInfo.data.city.name, } }; } This is how I'm calling initial value in the input field. const renderField = ({ input,

问题 I'm using redux-form. I'm showing initial values in input fields from the state. When I click on reset, the input field is still showing initial values. How can I reset the input field? This is my code : const mapStateToProps = (state) => { return { initialValues: { name:state.userInfo.data.name, email:state.userInfo.data.email, phone:state.userInfo.data.phone, city:state.userInfo.data.city.name, } }; } This is how I'm calling initial value in the input field. const renderField = ({ input,

问题 I would like to ask if this is the proper way to redirect to another page after redux-form submit success: const form = reduxForm({ form: 'HeroesCreateComponentForm', validate, onSubmitSuccess: () => { console.log('onSubmitSuccess called (yes, yes I do get called'); browserHistory.push('/') }, }); 回答1: Did you try using next approach? react-router-redux import {push} from 'react-router-redux'; onSubmitSuccess has dispatch function as second parameter. See Redux form. onSubmitSuccess