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

Question

我无法在react中解析html内容，这实际上是顺风和后置的特定问题，因为我在码箱上使用了相同的代码，没有顺风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;

预期输出

​

实际输出

​

是否有另一种将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/

Answer 2

这与HTML解析无关。

顺风有一个飞行前样式表。发生的事情之一就是列表符号被移除。