ラジウムホバーは私がインラインCSSを書くためにラジウムを使用してい

Question

を動作しませんでし反応し、私は「ホバー」を使用したいとき、私は次のエラーを持っている：

Uncaught TypeError: Cannot read property '_currentElement' of null

私が何か間違ったことをしましたか？実際に

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

class Header extends React.Component { 
    render() { 
     var styles = { 
      base: { 
       backgroundColor: 'white', 
       ':hover': { 
        backgroundColor: 'black' 
       } 
      }, 
      anchor: { 
       color: 'black', 
       ':hover': { 
        color: 'white', 
       } 
      } 
     } 

     return (
      <div> 
       <div style={styles.base}> 
        <a style={styles.anchor}>Some text</a> 
       </div> 
      </div> 
     ); 
    } 
} 

Header = Radium(Header); 
export default Header; 

、私はstyles.anchorを使用しなかった場合は、それが働きました。だから私はstyles.anchorで動作しない理由を理解していない。

もう一つの問題は、私はクラスのヘッダーの前に接頭辞@Radiumを追加しようReact.Componentが、私は、コンパイルのエラーを得た拡張します。

ありがとうございました！

Answer 1

バベルを使用している場合は@Radiumが正常に動作するためにplugin-transform-decorators-legacyをインストールする必要がありますが、現在は廃止されており、いつでもすぐに戻ってくるとは思わないので、コンポーネントをラップすることに固執しますexport default Radium(Header)。