12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- import React, { Component } from "react";
- import { Spin, Pagination } from "antd";
- import intl from "react-intl-universal";
- import Comment from "../../Comment";
- import CommentBox from "../CommentBox";
- import "./index.css";
-
- class CommentList extends Component {
- constructor(props) {
- super(props);
- this.state = {};
- }
-
- componentWillMount() {
- this.props.app.sGetComment({ page: this.props.app.page });
- }
-
- renderPagination() {
- const {
- list,
- total,
- page,
- pageType,
- limit,
- isNoMoreComment,
- sGetComment,
- onPageChange,
- onGetMoreBtnClick
- } = this.props.app;
- if (pageType === "slice") {
- // 截断多余评论,通过点击查看更多跳转
- return (
- <div className="comment-list-show-more" onClick={onGetMoreBtnClick}>
- <span>查看更多</span>
- </div>
- );
- } else if (pageType === "more") {
- if (!isNoMoreComment && list.length !== total) {
- return (
- <div
- className="comment-list-show-more"
- onClick={() => {
- sGetComment({ page: page + 1 });
- onPageChange(page + 1);
- }}
- >
- <span>{intl.get("comment.moreComment")}</span>
- </div>
- );
- } else {
- return null;
- }
- } else if (pageType === "pagination") {
- return (
- <div className="comment-list-pagination">
- <Pagination
- pageSize={limit}
- current={page}
- total={total}
- onChange={p => {
- sGetComment({ page: p });
- onPageChange(p);
- }}
- />
- </div>
- );
- }
- }
-
- render() {
- const { list, total, loading } = this.props.app;
-
- const spinning = Boolean(
- loading.sGetComment || loading.sCommentFavor || loading.sReplyFavor
- );
- return (
- <div>
- <Spin spinning={spinning}>
- {/* <div>共 {total} 条评论</div> */}
- <div>{intl.get("comment.totalComment", { total })}</div>
- {list.map(item => (
- <CommentBox content={item} key={item.id} commentId={item.id} />
- ))}
- {this.renderPagination()}
- </Spin>
- </div>
- );
- }
- }
-
- CommentList.propTypes = {};
-
- export default Comment(CommentList);
|