zent/table/examples/components/Card.js

一套前端设计语言和基于React的实现

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;