Extract data from PDF form fields in React Native

Nutrient React Native SDK allows you to extract data from form fields programmatically. Each form field has a fully qualified name, which is used to identify and retrieve a specific form field object before extracting its data.

Getting the fully qualified name of a form field

The example below shows how to obtain the fully qualified name of the first form field of a document:

const formElements = await this.pdfRef.current?.getDocument().forms.getFormElements();
const firstFormFieldName = formElements[0].fullyQualifiedFieldName;

Getting the data from a form field

The example below shows how to get the value of a form field with a fullyQualifiedFieldName of Last_Name:

const formElements = await this.pdfRef.current
	?.getDocument()
	.forms.getFormElements();
const formElement = formElements?.find(
	(element) => element.fullyQualifiedFieldName === 'Last_Name',
);
const lastName = formElement?.formField?.value;