`react-hover` npm包不在生產版本中，但在開發中工作正常

Question

我想在我的項目中使用npm包react-hover（這裏是github link），並且當我在dev本地開發時，它工作得很好。當我運行npm run build命令並提供生產版本時，我想在<ReactHover>對象中顯示的組件不會在頁面上呈現。

我使用create-react-app開始了該項目我使用npm包serve在本地提供生產版本。

我將分享我的項目的所有文件，因爲它沒什麼特別的，這裏是all files on a public repo。

我還沒有真正能夠在其他地方找到這個問題，所以任何洞察力將不勝感激。

Answer 1

你可以簡單地使用CSS來做到這一點。 定義兩個div，一個id =「hover-selector-parent」，另一個id =「hover-selector-child」。

然後配置你的CSS文件來處理該事件 -

#hover-selector-parent:hover~#hover-selector-child{ 
    display:block; 
} 

#hover-selector-child{ 
    display: none; 
}