react注意事项 解析html代码方式 循环外的img报错处理

1、请求的html标签渲染到dom中

你请求到的数据有可能是写为html标签形式的

因此你需要让react解析你的数据中的html代码并展示

<div dangerouslySetInnerHTML={{__html:你的数据 this.state.xxx}}>

</div>

这样  在react中  你的数据就会被解析为html标签

2、你的img引入了数据库的地址，效果有，但是会报错。

当你的页面执行时，你的render执行了  那么img也会执行一次，但是此时还没有你的数据，img的src是空的，则会报错，

当你的数据请求完成  react会重绘页面，img就出来了。

因此 在map循环中 img不会报错，因为map循环没有数据是不会执行的。

你的数据不能为空 可以为空数组、对象  如果数据为空可能会报错 解决了一个问题又出现了一个问题 不可取

解决方式：

在render中可以写js代码  因此可以用三元表达式

{this.state.xxx?<img src="你的图片地址"/>:""}