react鼠标移动事件加减dom？

Question

const GroupList = () => {   return (    <ul className="lcx02_newGroup-list">       <li><span className="text-ellP">未分组</span>（4）</li>       <li><span className="text-ellP">未分组</span>（2）</li>       <li><span className="text-ellP">未分组</span>（5）</li>       <li><span className="text-ellP">未分组</span>（3）</li>       <li className="active">         <span className="text-ellP">为分组1分组分组</span>(1)        <span className="lcx02_delete fr" />         <span className="lcx02_edit fr" />       </li>     </ul>   ); };组件如上，需要在鼠标移动到li上的时候添加两个span，移走的时候删除li下面的两个span,没思路，咋写呀，各位大神给点思路呗？