React中 修改 html字符串 中某些元素的属性
在React中，你可以使html-react-parser库来解析HTML字符串，并修改其中的img标签的width属性后，再使用React的ReactDOMServer.renderToStaticMarkup方法将React元素转换为HTML字符串。
import htmlReactParser from 'html-react-parser';
import ReactDOMServer from 'react-dom/server';
const parsedHtml = htmlReactParser(html, {
replace: (domNode) => {
if (domNode.type === 'tag' && domNode.name === 'img') {
domNode.attribs.width = '100%';
}
return domNode;
}
});
// 将React元素转换为HTML字符串
const htmlString = ReactDOMServer.renderToStaticMarkup(parsedHtml);
react@17 安装html-react-parser库时需要注意版本匹配，参考：react17安装html-react-parser运行报错记录