javascript - 镭盘旋不起作用

我正在使用Radium在React中编写内联CSS，当我想使用“悬停”时出现以下错误：


  未捕获的TypeError：无法读取null的属性“ _currentElement”


我做错什么了吗 ？

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一起使用。

另一个问题，当我尝试在类Header扩展React.Component之前添加前缀@Radium时，出现编译错误。

谢谢 ！

最佳答案

如果您使用的是babel，则必须安装plugin-transform-decorators-legacy才能使@Radium正常工作，但目前已弃用它，我怀疑它很快就会回来，因此我会坚持使用组件export default Radium(Header)进行包装。