useEditorSelector

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

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

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 {useEditor, useEditorSelector} from '@portabletext/editor'
import {getActiveStyle} from '@portabletext/editor/selectors'

function MyComponent() {
 const editor = useEditor()
 const activeStyle = useEditorSelector(editor, getActiveStyle)
}

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

import {useEditor, useEditorSelector} from '@portabletext/editor'

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