# onLoad()

### Overview

This is a [\<Feathery.Form>](https://docs.feathery.io/develop/react/api-guide/form) prop and callback function to run custom logic when a form step is loaded. It's called every time the user loads a step. This function can be asynchronous.

### Usage

You can use `onLoad` to update internal form state, log events, etc. The function takes a single [Context](#context-api) object that provides form-related state and handlers.

```
import { init, Form } from '@feathery/react';

function App() {
  // Initialize Feathery
  init('SDKKey', 'bob@feathery.io');

  // Show the `aBcDeF` Feathery form
  return <Form
    aBcDeF='aBcDeF'
    // Custom form step load logic
    onLoad={(context) => {
      if (context.stepName === 'begin') context.setValues({'beginForm': True});
      else if (context.stepName === 'next-step') logEvent("Loaded Step 2");
    }}
  />
}
```

### Context API

|                              Key                             | Type | Description                                     |
| :----------------------------------------------------------: | :--: | ----------------------------------------------- |
| [Form Context](https://docs.feathery.io/develop/context-api) |      | Consistently available form state and functions |

### Return value <a href="#return-value" id="return-value"></a>

A promise can be optionally returned from this function if it's asynchronous and you want execution to await.