Overview

The Hawksearch results widget also has an implementation with ReactJS. This version provides the most common use cases of the search service.

Goal

This document provides information on setting up the Hawksearch results widget using ReactJS. Basic usage is covered in Selecting React or Vue and any additional information may be found here.

Prerequisite

Steps for setup

1. Open the selected widget template file

2. Uncomment, if necessary, the part of the markup designated as React template. This should include a div element with attribute data-component="react-app" or data-component="react-app-bootstrap". It should be an empty div element. Comment the part marked as Vue template.

3. Save, re-build and refresh the page.