程序员

react根据条件改变边框颜色

2020-07-28  本文已影响0人  浪天林

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

我不清楚原理。

上一篇 下一篇

猜你喜欢

热点阅读