reactjs - 如何在 Tailwind 和 postcss 中将 Html 内容转换为纯文本

Question

我无法在 react 中解析 html 内容，这实际上是顺风和 postcss 特定问题，因为我在 codesandbox 上使用了相同的代码在没有顺风 CSS 样式的情况下工作正常。
注:我已经在有和没有顺风的本地计算机上对此进行了测试，我遇到了同样的问题
App.js

import React, { useState } from 'react';
import parse from 'html-react-parser';

const App = () => {
  const [text, setText] = useState('<p>asdfsadf</p><ul><li>asdfsdf</li><li>sdcas</li></ul>');
  return (
    <div className="m-10">{parse(text)}</div>
  );
};

export default App;

预期输出

实际输出

在react中使用tailwind进行样式设置时，是否有另一种方法将html转换为纯文本

Answer 1

像这样改变你的代码:

import React, { useState } from 'react';

const App = () => {
  const [text, setText] = useState(
    '<p>asdfsadf</p><ul><li>asdfsdf</li><li>sdcas</li></ul>'
  );
  return <div className="m-10" dangerouslySetInnerHTML={{ __html: text }} />;
};

export default App;

结果 https://react-v29quj.stackblitz.io/