Action Mapper

The ActionMapper allows you to map schema props to functions. This is useful when your schema is not written in JavaScript and you cannot use function inside of it, especially for schemas stored in databases.

{
    [actionName]: (...args) => {}
}

{
    component: component,
    name: name,
    actions: {
        [props]: [actionName, ...args]
    }
}

Do not forget to keep order of args or use object with keys as named arguments.

So, let's say you need to translate labels of fields using your translate function translate(id) and the schema has no access to use JavaScript code.

Firstly, define a action mapper object.

const actionMapper = {
    translateLabel: (id) => translate(id)
}

Add this object as a prop to FormRenderer.

<FormRenderer
  {...props}
  schema={schema}
  actionMapper={actionMapper}
/>

Then, in your schema you can map translateLabel action to a prop:

{
    "fields": [
        {
            "component": "text-field",
            "name": "translate-me",
            "actions": {
                "label": ["translateLabel", "translate_label_id"]
            }
        }
    ]
}