遍历数据,根据数据中的某个值来更改div边框的颜色
picinfo.map(item => (
<div className={styles.boxshow}
style={
{ borderWidth: '0.5px', borderColor: this.returnColor(item.color) }}>
</div>
))
returnColor = (color) => {
const colors = ['#36e5ff','#f69230','#36e5ff']
return colors[color+1]
}
.boxshow {
border: 1px solid;
}
一定要在外面设置一个class,这个class里必须要有border: 1px solid;这行代码,否则border无法显示。
我不清楚原理。