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>
        );
    }

};