index.js

import React, { Component } from 'react';
import './exchange-bar.scss'
import Input from '../Input'
import classnames from 'classnames'

class RedeemBar extends Component {
    state = {}

    render() {
        const {onChange, redeemCode, exchange} = this.props
        return (
            <div className="exchange-bar">
                <Input
                    placeholder={'请输入优惠码'}
                    onChange={onChange}
                    value={redeemCode}
                />
                <button className={classnames({
                    active: redeemCode && redeemCode.length > 0
                })} onClick={exchange}>兑换
                </button>
            </div>
        );
    }
}

export default RedeemBar;