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;