How can you use pseudo-classes inline in react?

Question

JavaScript

Please tell me when writing inline styles in react, is there any way to add :hover for example?

const styleCardMenu = {
    boxShadow: '0 4px 5px 0 rgba(0, 0, 0, .24)',
    border: '1px solid red'
    }

for example how to apply hover here?

Answer 1

Depends on what you use for inline styling.
If it's just an ordinary object, then nothing.
If something like Radium , then here is an example .

Answer 2

const style = {
  color: '#000000',
  ':hover': {
    color: '#ffffff'
  }
};