CSS 简单实现点击可加减

css样式

&>.action{
        width: 111px;
        
        border: 1px solid #004422;
        border-radius: 5px;
        display: flex;
        align-items: center;
        margin: auto;
        &>.reduce{
            width: 20px;
        }
        &>.add{
            width: 20px;
        }
        &>.amount{
            width: 70px;
            border-left: 1px solid #A1D149;
            border-right: 1px solid #A1D149;
           
        }
    }

html

<div className='action'>
                        <div className='reduce' onClick={this.action.bind(this, 1)}>-</div>
                        <div className='amount'>{state.amount}</div>
                        <div className='add' onClick={this.action.bind(this, 2)}>+</div>
                    </div>