= ({
+ noteId,
+ parentId,
+ onCommentAdded,
+}) => {
+ const [content, setContent] = useState('')
+ const [isSubmitting, setIsSubmitting] = useState(false)
+ const { currentUser } = useUser()
+
+ useEffect(() => {
+ console.log('CommentInput组件状态:', {
+ noteId,
+ parentId,
+ currentUser: currentUser ? '已登录' : '未登录',
+ token: localStorage.getItem(TOKEN_KEY) ? '存在' : '不存在',
+ })
+ }, [noteId, parentId, currentUser])
+
+ const handleSubmit = async () => {
+ const trimmedContent = content.trim()
+ if (!trimmedContent) {
+ message.warning('评论内容不能为空')
+ return
+ }
+
+ if (!currentUser) {
+ message.warning('请先登录后再发表评论')
+ return
+ }
+
+ console.log('准备提交评论:', {
+ noteId,
+ parentId,
+ content: trimmedContent,
+ token: localStorage.getItem(TOKEN_KEY) ? '存在' : '不存在',
+ })
+
+ setIsSubmitting(true)
+ try {
+ await commentService.createComment({
+ noteId,
+ parentId,
+ content: trimmedContent,
+ })
+
+ console.log('评论提交成功')
+ message.success('评论发表成功')
+ setContent('')
+ onCommentAdded?.()
+ } catch (error) {
+ console.error('评论提交失败:', error)
+ const axiosError = error as AxiosError
+ if (axiosError.response?.status === 401) {
+ message.error('登录已过期，请重新登录')
+ } else {
+ message.error('评论发表失败，请稍后重试')
+ }
+ } finally {
+ setIsSubmitting(false)
+ }
+ }
+
+ return (
+
+