MarkdownShow.tsx 419 B

123456789101112131415161718192021
  1. import MDEditor from "@uiw/react-md-editor";
  2. import ReactMarkdown from "react-markdown";
  3. import { Card } from "antd";
  4. interface IProps {
  5. body: string;
  6. }
  7. const Widget = ({ body }: IProps) => (
  8. <>
  9. <Card title="Markdown Viewer 1">
  10. <MDEditor.Markdown source={body} />
  11. </Card>
  12. <Card title="Markdown Viewer 2">
  13. <ReactMarkdown>{body}</ReactMarkdown>
  14. </Card>
  15. </>
  16. );
  17. export default Widget;