小编Adr*_*ian的帖子

使用带有反应钩子的 Draft js 提及插件

我一直在尝试让草案 js 提及插件与反应钩子一起工作,但似乎无法弄清楚代码有什么问题。感谢您对此的任何帮助。

import React, { useRef, useState, useEffect } from "react";
import { EditorState } from "draft-js";
import Editor from "draft-js-plugins-editor";
import createMentionPlugin, { defaultSuggestionsFilter } from "draft-js-mention-plugin";
import mentions from "./mentions";

export default function MentionEditor() {
  const [editorState, setEditorState] = useState(EditorState.createEmpty());
  const [suggestions, setSuggestions] = useState(mentions);
  const editor = useRef(null);

  useEffect(() => {
    editor.current.focus();
  }, [])

  const mentionPlugin = createMentionPlugin();
  const { MentionSuggestions } = mentionPlugin;
  const plugins = [mentionPlugin];

  const onSearchChange = ({ value }) => { …
Run Code Online (Sandbox Code Playgroud)

reactjs draftjs draft-js-plugins

3
推荐指数
1
解决办法
2595
查看次数

标签 统计

draft-js-plugins ×1

draftjs ×1

reactjs ×1