Display a query builder with multiple fields

by alfredopacino

TypeScript

import { Field, QueryBuilder, RuleGroupType } from 'react-querybuilder';
import 'react-querybuilder/dist/query-builder.css';

const fields: Field[] = [
  { name: 'firstName', label: 'First Name' },
  { name: 'lastName', label: 'Last Name' },
  {
    name: 'VCFFilters.name',
    label: 'VCF Filter',
    valueSources: ['value'],
    fieldSettings: {
      nestedPath: 'VCFFilters',
    },
  },
];