serialize()

Specification
Performs a manual serialization of the current Form.
Invoking this manually serializes a form regardless to its validity state. This is almost never what you want. Consider using conventional form submit, which validates the fields and exposes you the serialized object.
Definition
type Serialize = () => Object<fieldName, fieldValue>
Example
import React from 'react'
import { Form } from 'react-advanced-form'
import { Input } from 'react-advanced-form-addons'
​
export default class Example extends React.Component {
  handleButtonClick = () => {
    this.form.serialize() // { "username": "admin" }
  }
​
  render() {
    return (
      <div>
        <Form ref={form => this.form = form}>
          <Input
            name="username"
            value="admin" />
        </Form>
        <button onClick={this.handleButtonClick}>Serialize</button>
      </div>
    )
  }
}
You can use onSerialize form prop to transform the serialized fields object.
validate()
submit()
Last updated 3 years ago