Reactjs 编辑器反应所见即所得无法读取属性';名称';未定义的

Reactjs 编辑器反应所见即所得无法读取属性';名称';未定义的,reactjs,Reactjs,我在使用react draft wysiwyg的编辑器时遇到问题 无法读取未定义的属性“name” 以下是我的代码库: const Editor = dynamic( () => import("react-draft-wysiwyg").then((mod) => mod.Editor), { ssr: false } ); const handleChange = (event) => { const { name, value

我在使用react draft wysiwyg的编辑器时遇到问题

无法读取未定义的属性“name”

以下是我的代码库:

const Editor = dynamic( 
  () => import("react-draft-wysiwyg").then((mod) => mod.Editor),
  { ssr: false }
);

  const handleChange = (event) => {
    const { name, value } = event.target;
    // Update state
    updatePlayersData((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };

<Editor
    wrapperClassName={"mission-editor-wapper"}
    toolbarClassName={"mission-editor-toolbar"}
    editorClassName={"mission-editor-editor"}
    editorState={editorState}
    onEditorStateChange={onEditorStateChange}
    onChange={handleChange}
    name="mission"
    toolbar={{
      options: ["inline", "list", "link"],
      inline: {
        inDropdown: false,
        options: ["bold", "italic", "strikethrough", "underline"],
        bold: {
          icon: "/editor-bold.png",
        },
        italic: {
          icon: "/editor-italic.png",
        },
        strikethrough: {
          icon: "/editor-strike.png",
        },
        underline: {
          icon: "/editor-underline.png",
        },
      },
      list: {
        inDropdown: false,
        className: undefined,
        component: undefined,
        dropdownClassName: undefined,
        options: ["unordered", "ordered"],
        unordered: {
          icon: "/editor-list-bullet.png",
        },
        ordered: {
          icon: "/editor-list-number.png",
        },
      },
      link: {
        inDropdown: false,
        options: ["link"],
        defaultTargetOption: "_blank",
        popupClassName: "editor-link-popup",
        link: {
          icon: "/editor-link.png",
        },
      },
      image: {
        uploadCallback: () => {},
      },
      history: { inDropdown: false },
    }}
  />
const编辑器=动态(
()=>import(“react draft wysiwyg”)。然后((mod)=>mod.Editor),
{ssr:false}
);
常量handleChange=(事件)=>{
常量{name,value}=event.target;
//更新状态
updatePlayersData((prevState)=>({
…国家,
[名称]:值,
}));
};
{},
},
历史记录:{inDropdown:false},
}}
/>
我如何解决这个问题?问题似乎出在我的onChange上,但如果我将Editor标记更改为一个简单的输入标记,我的onChange就可以正常工作