在React中使用纯渲染没有响应悬停事件

时间:2018-01-18 04:49:04

标签: javascript css reactjs less

我尝试使用css和纯渲染来隐藏和显示效果,而不是使用状态。

defstruct

但不知何故,悬停事件没有触发?

.hover {
  position: relative;
}
.hover:hover .hover__no-hover {
  opacity: 0;
}
.hover:hover .hover__hover {
  opacity: 1;
}
.hover__hover {
  position: absolute;
  top: 0;
  opacity: 0;
}
.hover__no-hover {
  opacity: 1;
}

https://codesandbox.io/s/6mk7p6l93已更新

0 个答案:

没有答案