：悬停和 ：focus 在 React 中的内联样式不起作用

Question

我正在尝试创建一个 const 对象，它应该是一个具有 React 内联样式的按钮，但:hover和:focus不起作用。如何在 React 中实现悬停和聚焦？

任何帮助不胜感激！提前谢谢。

const Button= {
background: '#AC003B',
color: '#fff',
borderColor: '#AC003B',
&:hover, &:focus {
background: '#707070',
borderColor: '#707070'
}       
}

Answer 1

我相信你想做的是：

const Button = {
background: '#AC003B',
color: '#fff',
borderColor: '#AC003B',
'&:hover, &:focus': {
background: '#707070',
borderColor: '#707070'
}       
}