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运行报错记录
原文地址：https://blog.csdn.net/qq_38970408/article/details/143780132
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！