Reactjs 编辑器反应所见即所得无法读取属性';名称';未定义的
我在使用react draft wysiwyg的编辑器时遇到问题 无法读取未定义的属性“name” 以下是我的代码库: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
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就可以正常工作