yuritoledo

{
"linebreak-style": [
      "warn",
      "unix"
    ],
    "no-multiple-empty-lines": [
      "warn",
      {
        "max": 2,
        "maxEOF": 1

yuritoledo

import { withFormik, Form, Field } from 'formik'
​
const MyFormWithFormik = withFormik({
  mapPropsToValues: () => ({ 
    email: '',
    password: '',
    address: {
      /* outros campos */ 
      city: { 
        name: '',

yuritoledo

<Field name='firstName' component={CustomInputComponent} />
​
const CustomInputComponent = ({ field, …props }) => (
 <div>
   <InputCustom {…field} {…props} />
 </div>
);
// ou
<Field
  name='firstName'

yuritoledo

class Form extends PureComponent {
  handleChange = e => {
    const { name, value } = e.target
    this.setState({ [name]: value })
  }
​
  handleChangeNested = e => {
    const { name, value } = e.target
    this.setState({
      address: { 

yuritoledo

handleChange = e => {
    const { name, value } = e.target
    this.setState({ [name]: value })
}
​
const { user } = this.state
<Input 
  name='user'
  value={customer}
  onChange={this.handleChange}

yuritoledo

import { Input } from 'semantic-ui-react'

// Component
<Field name='nome' component={FInput} />
  
const FInput = ({ field, ...props }) => (
  <Input {...field} {...props} />
)

// Render

yuritoledo

import { Input } from 'semantic-ui-react'


<Field name='nome' component={FInput} error={true} options={...} />
  
const FInput = ({ field, ...props }) => (
  <Input {...field} {...props} />
)

yuritoledo

<Field
  name='senha'
  render={({ field }) => (
    <Input {...field} error={false} options={...} />
  )}
/>

yuritoledo

<Field name='email'>
  {({ field }) => (
    <Input {...field} error={false} options={...} />
  )}
</Field>

yuritoledo

<Field 
  name='superHeroi' 
  component={FDropdown}
  options={options}
  selection
/>