`react-hover` npm包不在生产版本中，但在开发中工作正常

Question

我想在我的项目中使用npm包react-hover（这里是github link），当我在dev build中进行本地开发时，它可以正常工作。当我运行npm run build命令并提供生产版本时，我想要在<ReactHover>对象中显示的组件不会在页面上呈现。

我使用create-react-app启动了项目。我使用npm包serve在本地提供生产版本。

我将分享我项目的所有文件，因为它没什么了不起的，这里是all files on a public repo。

我无法在其他任何地方找到这个问题，所以任何见解都会受到赞赏。

Answer 1

你可以简单地使用CSS来做到这一点。 定义两个div，一个id =＆＃34; hover-selector-parent＆＃34;和另一个id =＆＃34; hover-selector-child＆＃34;。

然后配置CSS文件以处理事件 -

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

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