相关疑难解决方法(0)

我非常喜欢React中的内联CSS模式,并决定使用它.

但是,您不能使用:hover和类似的选择器.那么在使用内联CSS样式时实现高亮显示的最佳方法是什么？

#reactjs的一个建议是拥有一个Clickable组件并像这样使用它:

<Clickable>
    <Link />
</Clickable>

该Clickable有一个hovered状态,并将其作为道具的链接.但是,Clickable(我实现它的方式)包装了Link一个,div以便它可以设置onMouseEnter和onMouseLeave它.这使得事情有点复杂(例如,span包裹在一个div不同的行为span).

有更简单的方法吗？

我是Redux的新手,我想知道是否有人有关于处理非React事件(如窗口大小调整)的最佳实践的一些提示.在我的研究中,我从官方的React文档中找到了这个链接:https: //facebook.github.io/react/tips/dom-event-listeners.html

我的问题是,当使用Redux时,我应该将窗口大小存储在我的商店中还是应该将其保持在我的单个组件状态？

我Material-ui在ReactJs项目中使用组件,由于某种原因,我需要在某些组件中进行自定义,以使其根据屏幕宽度进行响应.

我添加media query并将其作为样式属性传递给组件但不工作,任何想法？

我正在使用这样的代码

const drawerWidth = {
  width: '50%',
  '@media(minWidth: 780px)' : {
    width: '80%'
  }
}

<Drawer
  .....
  containerStyle = {drawerStyle}
 >
 </Drawer>

代码仅适用于网络,在移动设备上没有任何影响.甚至css代码没有申请我已经检查了dev.安慰.我正在使用material-ui版本0.18.7.

任何帮助,将不胜感激.

PS:根据要求,我需要根据屏幕大小使用CSS进行一些更改.