createReactDnDAdapter()

createReactDnDAdapter(dndExports: DndProp): DndAdapter

Defined in: dnd/src/adapters/react-dnd.tsx:107

Creates a DndAdapter backed by react-dnd.

Parameters

Parameter	Type
dndExports	DndProp

Returns

DndAdapter

Example

import { QueryBuilderDnD } from '@react-querybuilder/dnd';
import { createReactDnDAdapter } from '@react-querybuilder/dnd/react-dnd';
import * as ReactDnD from 'react-dnd';
import * as ReactDnDHTML5Backend from 'react-dnd-html5-backend';

const adapter = createReactDnDAdapter({ ...ReactDnD, ...ReactDnDHTML5Backend });

<QueryBuilderDnD dnd={adapter}>
  <QueryBuilder />
</QueryBuilderDnD>

---

caution

API documentation is generated from the latest commit on the main branch. It may be somewhat inconsistent with official releases of React Query Builder.