React中拼接HTML代码,后端返回的是段落格式文件举例

1、效果在这里插入图片描述
2、业务场景:前端需要请求后端数据渲染,后端接口数据返回的是HTML段落格式(<p></p>)
3、实现方法

  • 页面代码
const newDescription = description.replace(/</g, '<').replace(/>/g, '>');
//正则进行转换

 let Informations = null;
    if(newDescription){
      Informations = (
        <Descriptions >
          <Descriptions.Item label="报名简章" > 
          //注意这里的写法 是需要在div中进行包裹
            <div dangerouslySetInnerHTML = {{ __html: newDescription }} />
          </Descriptions.Item>
        </Descriptions>
      )
    }
发布了75 篇原创文章 · 获赞 16 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_45416217/article/details/103914598