如何为编辑器设置“名称”?

时间:2021-04-14 12:05:47

标签: reactjs draftjs

我在将数据从编辑器发送到后端时遇到问题,缺少输入等名称

例如基本输入向后端发送数据:

但在编辑器 Draftjs 中它没有 name 属性

<Editor
    wrapperClassName={"mission-editor-wapper"}
    toolbarClassName={"mission-editor-toolbar"}
    editorClassName={"mission-editor-editor"}
    name="mission"
    editorState={editorState}
    handleChange={handleChange}
    onEditorStateChange={onEditorStateChange}
/>

这是我的编辑器功能:

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

  const onEditorStateChange = (editData) => {
    updateEditorState(editData);
  };

  const handleSubmit = async (e) => {
    e.preventDefault();
    const selection = editorState.getSelection();
    const key = selection.getAnchorKey();
    const content = editorState.getCurrentContent();
    const block = content.getBlockForKey(key);
    const type = block.getType();
    const data = editorState.getCurrentContent().getPlainText("");

    const res = await axios.put(
      `/api/v1/teams/team/${teamData.public_team_id}`,
      teamsData
    );

    setEditing(false);
  };

0 个答案:

没有答案