useEditorSelector

useEditorSelector<TSelected>(editor, selector, compare): TSelected

Defined in: packages/editor/src/editor/editor-selector.ts:39

Hook to select a value from the editor state.

Type Parameters

TSelected

TSelected

Parameters

editor

Editor

selector

EditorSelector<TSelected>

compare

(a, b) => boolean

Returns

TSelected

Examples

Pass a selector as the second argument

import { useEditorSelector } from '@portabletext/editor'

function MyComponent(editor) {
 const value = useEditorSelector(editor, selector)
}

Pass an inline selector as the second argument. In this case, use the editor context to obtain the schema.

import { useEditorSelector } from '@portabletext/editor'

function MyComponent(editor) {
 const schema = useEditorSelector(editor, (snapshot) => snapshot.context.schema)
}