Radium ': Hover' funktioniert nicht

Question

In meinem ersten Mal Radium implementieren, versuche ich ein einfaches ': Hover'. Hier ist, was ich habe ...

import React from 'react' 
import Radium from 'radium' 

@Radium 
export default class ResSideNav extends React.Component { 
    render() { 
    const style = { 
     navItem: { 
     backgroundColor: '#2c80b8', 

     ':hover': { 
      backgroundColor: '#3A94CF' 
     } 
     } 
    }; 

    return(
     // navItems defined elsewhere 
     <div style={ style.navContainer }> 
     {navItems.map((item, i) => <div key={ i } style={ style.navItem }> 
            { item.name }</div>)} 
     </div> 
    ); 
    } 
}; 

ich keine Fehler in Server oder Konsole bin immer, es gibt nur Vollgas nicht: Zustand Veranstaltung schweben. Webpack gibt mir keine Fehler, da ich meine .babelrc und Webpack Config File eingerichtet habe, um Dekoratorsyntax zu lesen.

Nur um klar zu sein, gibt es andere Stile und Elemente im Spiel, aber das ist ein getrimmtes Fett Beispiel. Vielen Dank.

Answer 1

Gerade falls jemand über diese kommt ...

Mein Problem war, dass babel noch nicht den Dekorateur Operator in es6 gelesen haben auch nach der Installation von babel-plugin-transform-decorators-legacy so stattdessen ich gerade:

class ResSidenav extends React.Component { 
// ... 
export default Radium(ResSidenav); 

nicht sicher warum das nicht funktionierte ...