Question

我正在使用Radium在React中编写内联css，当我想使用“hover”时我有以下错误：

未捕获的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 。

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

谢谢！

Answer 1

如果你正在使用babel，你必须安装plugin-transform-decorators-legacy才能使@Radium正常工作但它目前已被弃用，我怀疑它会很快回来，所以我会坚持包裹你的组件export default Radium(Header)。

镭悬停不起作用

1 个答案: