This video is available to students only

Built-in input types

Using the various input types provided with React Query Builder, including numeric inputs and drop-down lists

In this lesson we'll be working with the built-in input types and value getters. Input types will set the type attribute of an <input> element, and value getters will set up options for drop-down lists.

Input types#

There are two ways to configure input types:

  • the getInputType prop at the query level

  • the inputType attribute at the field level

We'll use the field-level attribute because it's simpler for our purposes.

Set the inputType attribute to "number" for order_id and all other numeric fields.


Start a new discussion. All notification go to the author.