实训作业-上级目录超出省略且显示tip

public/react/src/modules/courses/shixunHomework/ShixunhomeWorkItem.js

@@ -1,6 +1,6 @@
 import React,{ Component } from "react";
 import CoursesListType from '../coursesPublic/CoursesListType';
-import { WordsBtn, getTaskUrlById } from 'educoder';
+import { WordsBtn, getTaskUrlById , ConditionToolTip } from 'educoder';
 import {Tooltip,message,Modal} from 'antd';
 import {Link} from 'react-router-dom';
 import axios from 'axios';
@@ -358,10 +358,15 @@ class ShixunhomeWorkItem extends Component{
                    <span className="mr15 color-grey9">{discussMessage.status_time}</span>
                 }
                 {
-                  discussMessage.upper_category_name && <span className="mr15 color-grey9 task-hide" style={{"maxWidth":"280px"}}>{discussMessage.upper_category_name}</span>
+                  discussMessage && discussMessage.upper_category_name &&
+                  <ConditionToolTip title={discussMessage.upper_category_name} condition={ discussMessage.upper_category_name.title.length > 22 }>
+                    { <span className="mr15 color-grey9 task-hide" style={{"maxWidth":"272px"}}>{discussMessage.upper_category_name}</span>}
+                  </ConditionToolTip>
                 }
                 
                 
+                
+
                 {/* { discussMessage.replies_count != 0 && <span className="mr15 color-grey9">{discussMessage.replies_count} 回复</span> }
                 { discussMessage.praise_num != 0 && <span className="mr15 color-grey9">{discussMessage.praise_num} 点赞</span> }
                 { discussMessage.visits != 0 && <span className="mr15 color-grey9">{discussMessage.visits} 浏览</span> } */}