How can i use hover in attribute using javascript object? [duplicate]

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>
)
}

}

How can use o attribute hover in this case? My exemple doesn't work.. what i have to do?

Already answered here stackoverflow.com/a/52017547/4062197

ymz
– ymz

2019-02-14 12:59:48 +00:00
Commented Feb 14, 2019 at 12:59 — ymz
– ymz, Commented Feb 14, 2019 at 12:59

madalinivascu · Accepted Answer · 2019-02-14 13:40:41Z

1

You need the Radium library

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

more info about radium

edited Feb 14, 2019 at 13:40

answered Feb 14, 2019 at 13:01

madalinivascu

32.4k4 gold badges42 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Deborah L. Christinne Over a year ago

it doesn't work too... gets red in '{', saying it expects a ':', but even putting ':' does not work... <Panel is an object from ant.design... import { Collapse} from 'antd' and const Panel = Collapse.Panel

madalinivascu Over a year ago

updated my answer

Collectives™ on Stack Overflow

How can i use hover in attribute using javascript object? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related