zent
Version:
一套前端设计语言和基于React的实现
32 lines (27 loc) • 569 B
JavaScript
import React from 'react';
const CardComponent = React.createClass({
getTitle() {
return (
<a
className="card__title"
href={this.props.data.url}
>
{this.props.data.title}
</a>
);
},
render() {
return (
<div className="card">
<img
alt="图片"
className="card__thumb"
src={this.props.data.image_url}
/>
{this.getTitle()}
<span className="card__info"> {this.props.data.info}</span>
</div>
);
}
});
export default CardComponent;