Skip to content

Instantly share code, notes, and snippets.

const asyncValidate = (values) => { 
  // ... returns a promise which does the async operation of validating the field. 
}; 

const renderField = ({ meta }) => { 
  /* asyncValidating flag in field meta prop to know the status of ongoing async validating action */ 
  
  const { asyncValidating } = meta; // ... rendering of field 
}; 
// or second method is return 
reduxForm({ 
  initialValues: {
    { 
      userName: 'Default User Name' 
    }
})(SampleForm);
<Formsy.Form ref="form"> 
  {/* ... input component having value of gender */} 
    <GenderDependentComponent 
      value={defaultValue} 
      currentGender={this.refs.form.getModal().gender} 
    /> 
  </Formsy.Form>
import { 
  formValueSelector, 
  //...other imports 
} from 'redux-form'; 
import { connect } from 'react-redux'; 

const selector = formValueSelector('signupForm'); 
const SignupForm = ({ gender, ...props }) => ( 
  
export const h=(t,p,...c)=>({t,p,c,k:p&&p.key})
export const render=(e,d,t=d.t||(d.t={}),p,r,c)=>
// arrays
e.pop?e.map((e,p)=>render(e,d,t.o&&t.o[p])):
// components
e.t.call?(e.i=render((render.c=e).t({children:e.c,...e.p},e.s=t.s||{},t=>
render(Object.assign(e.s,t)&&e,d,e)),t.i||d,t&&t.i||{}),e):(
// create notes
e.d=t.d||(e.t?document.createElement(e.t):new Text(e.p)),
// diff props