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