我无法在 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转换为纯文本
最佳答案
像这样改变你的代码:
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/
关于reactjs - 如何在 Tailwind 和 postcss 中将 Html 内容转换为纯文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69631876/