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无法显示。

我不清楚原理。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容