Javascript 如何将我的文本转换为带有标记的标记-转换'；它不工作了

这是我第一次在这里发布问题，尽我所能

为了练习，我正在做一个应用程序转换成降价，我正在做的是React。我还想练习钩子

为此，我使用标记的

我的控制台没有任何错误，所以可能我做错了什么。我认为我没有正确地使用钩子（我只使用用户useState（）），但后来我尝试返回到一个类，但问题是相同的，没有转换到markdown。 我把东西放在这里，谢谢你的帮助

import React, { useState } from 'react';
import DOMPurify from 'dompurify';
import marked from 'marked';

function Main() {
  const [text, setText] = useState('');

  function handleTypeText(e) {
    setText(e.target.value);
    // console.log(e.target.value);
  }
  function updateMarkdown() {
    const textTransform = DOMPurify.sanitize(text);
    const __html = marked(textTransform);
    return { __html };
  }
  return (
    <div id="container">
      <div id="left-container" className="left-textarea">
        <h3 className="subtitle-box">Text</h3>
        <textarea
          className="markdown-content"
          rows={15}
          cols={60}
          placeholder="Type your text in here"
          value={text}
          onChange={handleTypeText}
        />
      </div>
      <div id="middle-container" className="middle-area" />
      <div id="right-container" className="right-textarea">
        <h3 className="subtitle-box">Markdown preview</h3>
        <div dangerouslySetInnerHTML={updateMarkdown()} />
      </div>
    </div>
  );
}

import React，{useState}来自“React”；
从“domprify”导入domprify；
从“标记”进口标记；
函数Main（）{
const[text，setText]=useState（“”）；
函数handleTypeText（e）{
setText（即目标值）；
//console.log（如target.value）；
}
函数updateMarkdown（）{
const textTransform=domprify.sanitize（文本）；
const\uuuhtml=已标记（textTransform）；
返回{uuuuhtml}；
}
返回(
正文
降价预览
);
}

我不明白什么不起作用。我试着复制你的代码，结果成功了。看看这里，如果这是你得到的：。我已经写了

\u标记，**正在工作**

并且worked@Diogo佩雷斯-事实上，它在codesandbox上运行，但我不知道为什么我在浏览器上看不到它，我在Chrome和Moz上尝试过。但是感谢您的尝试，因为我不想在那里尝试。也许如果我构建了prod，问题就不会出现了，因为我不知道什么不起作用。我试着复制你的代码，结果成功了。看看这里，如果这是你得到的：。我已经写了

\u标记，**正在工作**

并且worked@Diogo佩雷斯-事实上，它在codesandbox上运行，但我不知道为什么我在浏览器上看不到它，我在Chrome和Moz上尝试过。但是感谢您的尝试，因为我不想在那里尝试。也许如果我做了这个产品，问题就不会出现了