zent
Version:
一套前端设计语言和基于React的实现
50 lines (41 loc) • 858 B
JavaScript
/**
* Tag
*/
import React, { Component, PropTypes } from 'react';
class Tag extends Component {
constructor(props) {
super(props);
this.deleteTagHandler = this.deleteTagHandler.bind(this);
}
deleteTagHandler(evt) {
evt.preventDefault();
evt.stopPropagation();
this.props.onDelete(this.props.cid);
}
render() {
let {
prefixCls,
text
} = this.props;
return (
<span>{
text ?
<span className={`${prefixCls}-tag`}>
{text}
<i
className={`${prefixCls}-delete`}
onClick={this.deleteTagHandler}
></i></span>
: ''
}</span>
);
}
}
Tag.propTypes = {
prefixCls: PropTypes.string,
cid: PropTypes.string,
value: PropTypes.any,
text: PropTypes.any,
onFocus: PropTypes.func
};
export default Tag;