当使用Radium插件时，ReactJs获取未定义错误的styleKeeperContext‘

Question

当我尝试向使用Radium插件设置样式的按钮添加悬停伪类时，我收到以下错误："TypeError: Cannot read property 'styleKeeperContext‘of undefined

我曾尝试排除Radium导入，以查看Rootstyle属性是否仍然有效，但每当我添加Radium导入并导出由Radium函数封装的应用程序组件时，就会出现did.The问题

我的假设是，有一些我没有正确做的事情，或者是我使用hover伪类的方式，或者是其他什么，我不理解术语'styleKeeperContext‘。

我怎样才能摆脱这个错误并仍然使用插件，同时保持样式的作用域为我的组件

下面代码的屏幕截图

my import statement my import statement

my scoped styles

my Component export error message

Answer 1

当我将this.state添加到一个组件中时，我开始收到这个错误：

const MyComponent extends Component {
  constructor() {
    super(); // I messed up here
    this.state = { count: 0 };
  }
  // etc.
}

在调用构造函数时，我忘记了pass in the component's props to super()。犯了一个愚蠢的错误，但是Radium错误让我们很难找出根本原因是什么。

按如下方式修复它解决了错误：

const MyComponent extends Component {
  constructor(props) { // Add props argument
    super(props); // Pass props to super()
    this.state = { count: 0 };
  }
  // etc.
}

Answer 2

我也遇到过同样的问题，在将Radium模块版本从0.26.0降低到0.25.2后，这个问题得到了解决。