react动态修改组件样式

2020-04-24294次阅读React

在react中,因为核心思想是将页面元素组件化,把组件看成是一个状态机,因此需要通过控制state状态的变化来实现。

import React from 'react';
export default class extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
            dropStaus:false
        };
    }

    render(){
        const borderStyle = {
            borderColor:this.state.dropStaus?'#ffa800':'#D7D7D7'
        };
        return(
            <React.Fragment>
            <div className="updataWrap" style={borderStyle}></div>
            <p>其它</p>
            </React.Fragment>
        );
    }

};

 

上一篇: input File文件上传accept过滤zip、rar等  下一篇: react使用qrcode.react生成二维码  

react动态修改组件样式相关文章