Question

在我第一次实施Radium时，我正在尝试一个简单的'：hover'。这就是我的......

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> 
    );
  }
};

我在服务器或控制台中没有出现任何错误，只有扁平的no：悬停状态事件。 Webpack没有给我任何错误，因为我已经设置了.babelrc和Webpack配置文件来读取装饰器语法。

为了清楚起见，还有其他风格和元素在起作用，但这是一个修剪过的胖子的例子。感谢。

Answer 1

万一有人碰到这个......

我的问题是，即使在安装babel-plugin-transform-decorators-legacy后，babel仍然没有在es6中读取装饰器操作符，所以我只是：

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

不确定为什么这不起作用......

镭'：哈弗'不工作

1 个答案: