所以我試圖在您將鼠標(biāo)懸停在鼠標(biāo)上時(shí)顯示文本。我正在使用 React-Icons 庫(kù)并使用 Styled-Components 進(jìn)行樣式設(shè)置我的導(dǎo)航欄上有 4 個(gè)圖標(biāo) - 主頁(yè) - 關(guān)于 - 技能 - 工作每個(gè)按鈕都是其自己的組件，以便懸停正常工作，因此當(dāng)我將鼠標(biāo)懸停在 1 個(gè)圖標(biāo)上時(shí)，它不會(huì)顯示所有圖標(biāo)的文本import React, { useState } from 'react';import { SkillsButton } from './SkillsBtnElements'const SkillsBtn = () => {  const [hover, setHover] = useState(false);  const onHover = () => {    setHover(!hover)  }  return (    <div onMouseEnter={onHover} onMouseLeave={onHover} role="button" tabIndex='-3' >      { hover ? "SKILLS" : <SkillsButton /> }    </div>  )}export default SkillsBtn;對(duì)于造型我有import styled from 'styled-components';import { GiGearHammer } from 'react-icons/gi';export const SkillsButton = styled(GiGearHammer)`  font-size: 1.75rem;  color: white;  flex-grow: 1;  cursor: pointer;  @media screen and (max-width: 960px) {    transition: all 0.2s ease-in-out;    font-size: 1rem;    color: white;  }  &:hover {    transition: all 0.2s ease-in-out;  }`;我確實(shí)實(shí)現(xiàn)了懸停效果，但是當(dāng)我不斷懸停圖標(biāo)時(shí)，邏輯似乎變得混亂，然后它只顯示文本，當(dāng)我將鼠標(biāo)懸停在文本上時(shí)，圖標(biāo)出現(xiàn)......這不是所需的效果示例： https: //gph.is/g/4ARQoRV