尝试使用react-mde markdown编辑器时出现"undefined is not a function“

Question

所以我尝试使用这里看到的react-mde https://github.com/andrerpena/react-mde

但是由于某种原因，我在我的设置中得到了错误"undefined is not a function“，我找不到原因。

import * as React from "react";
import ReactMde from "react-mde";
import ReactDOM from "react-dom";
import * as Showdown from "showdown";
import "react-mde/lib/styles/css/react-mde-all.css";

const converter = new Showdown.Converter({
  tables: true,
  simplifiedAutoLink: true,
  strikethrough: true,
  tasklists: true,
});

function NormEdit() {
  const [value, setValue] = React.useState("**Hello world!!!**");
  const [selectedTab, setSelectedTab] =
    (React.useState < "write") | ("preview" > "write");
  return (
    <div className="container">
      <ReactMde
        value={value}
        onChange={setValue}
        selectedTab={selectedTab}
        onTabChange={setSelectedTab}
        generateMarkdownPreview={(markdown) =>
          Promise.resolve(converter.makeHtml(markdown))
        }
      />
    </div>
  );
}

export default NormEdit;

这是我的代码，下面是发生错误的行

const [selectedTab, setSelectedTab] =
    (React.useState < "write") | ("preview" > "write");

如有任何帮助，我们将不胜感激

Answer 1

你的selectedTab useState应该是这样的：

const [selectedTab, setSelectedTab] = React.useState<"write" | "preview">("write");

这个部分<"write" | "preview">看起来像typescript，这意味着预览状态只能是一个“selectedTab”或“”的字符串。