import React, { Component } from "react"; import PropTypes from "prop-types"; import { Avatar, Icon } from "antd"; import dayjs from "dayjs"; import Comment from "../../Comment"; import CommentInput from "../CommentInput"; // import Editor from "../Editor"; import { renderContent } from "../../helper"; import "./index.css"; class CommentItem extends Component { constructor(props) { super(props); this.state = { isShowInput: false }; this.handleToggleInput = this.handleToggleInput.bind(this); this.renderTextWithReply = this.renderTextWithReply.bind(this); } handleToggleInput() { this.setState({ isShowInput: !this.state.isShowInput }); } renderTextWithReply(text, content) { let newText = text; const { reply } = content; if (reply) { newText = `${newText} //@${ reply.user_name } ${reply.content}`; if (reply.reply) { return this.renderTextWithReply(newText, reply); } } return newText; } render() { const { commentId, replyId, content, action, showReply, onShowReply, app } = this.props; const { isShowInput } = this.state; console.log("isShowInput ", isShowInput); const isComment = action === "comment"; return (