如何使用 javascript 对象在属性中使用悬停？ [复制]

Question

const customPanelStyle = {
   'background-color': 'red', 
   'border': '1px solid green',
    ':hover'{
        'background': 'blue'    
    }
}
class some extends React.Component{
render(){
return(
   <Panel header={value} key="1" style={customPanelStyle} >
     <p>{this.state.content[key]}</p>
   </Panel>
)
}

} 

在这种情况下如何使用o属性hover？我的例子不起作用..我该怎么办？

Answer 1

你需要镭库

import Radium from 'radium';
 some = Radium(some);
    const customPanelStyle = {
       'background-color': 'red', 
       'border': '1px solid green',
        ':hover':{
            'background': 'blue'    
        }
    }

更多关于radium的信息