import React from 'react'
import { Form, Field } from 'react-advanced-form'
import { Input } from 'react-advanced-form-addons'
export default class ExampleForm extends React.Component {
/* Callback method accepts "raw" serialized object */
mapSerialized = ({ serialized, fields, form }) => {
const { password, billingAddress: { address } = serialized
const [_, street, houseNumber] = address.match(/(.+)(\d+)/)
/* Transforms the serialized value of "password" field */
password: btoa(password),
/* Beware to preserve field group nested keys */
/* Any subsequent handlers accept transformed "serialized" object */
registerUser = ({ serialized, fields, form }) => {
console.log(serialized) // { "username": "admin", "password": "..." }
action={this.registerUser}
onSerialize={this.mapSerialized}>
<Field.Group name="billingAddress">
initialValue="Baker st. 12" />