react根据条件改变边框颜色

遍历数据,根据数据中的某个值来更改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无法显示。

我不清楚原理。

    原文作者:浪天林
    原文地址: https://blog.csdn.net/qq_40492771/article/details/107639197
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞