当使用Radium插件时，ReactJs获取未定义错误的styleKeeperContext‘
当使用Radium插件时，ReactJs获取未定义错误的styleKeeperContext是因为Radium插件在React组件中使用了StyleRoot组件，但未正确引入StyleRoot组件导致的错误。
Radium是一个用于增强React组件样式功能的插件，它提供了一些额外的功能，如内联样式、伪类样式、媒体查询等。在使用Radium时，需要将组件包裹在StyleRoot组件中，以便正确地应用Radium的样式增强功能。
解决这个错误的方法是在使用Radium的组件中引入StyleRoot组件。可以通过以下步骤来解决该错误：
- 首先，确保已经安装了Radium插件。可以使用npm或yarn进行安装：
- 首先，确保已经安装了Radium插件。可以使用npm或yarn进行安装：
- 或
- 或
- 在需要使用Radium的组件文件中，引入StyleRoot组件：
- 在需要使用Radium的组件文件中，引入StyleRoot组件：
- 注意，在引入Radium时，也同时引入了StyleRoot组件。
- 然后，将需要应用Radium样式增强的组件包裹在StyleRoot组件中。
- 然后，将需要应用Radium样式增强的组件包裹在StyleRoot组件中。
- 在上述示例中，
<div>元素的样式将会被Radium增强。
这样，当使用Radium插件时，ReactJs获取未定义错误的styleKeeperContext问题就会得到解决。记得在使用Radium时，正确引入StyleRoot组件，并将需要应用Radium样式增强的组件包裹在其中。
相关·内容
当我尝试向使用Radium插件设置样式的按钮添加悬停伪类时，我收到以下错误："TypeError: Cannot read property 'styleKeeperContext‘of undefined 我曾尝试排除Radium导入，以查看Rootstyle属性是否仍然有效，但每当我添加Radium导入并导出由Radium函数封装的应用程序组件时，就会出现did.The问题 我的假设是，有一些我没有正确做的事情，或者是我使用hover伪类的方式，或者是其他什么，我不理解术语'styleKeeperContext‘。 我怎样才能摆脱这个错误并仍然使用插件，同时保持样
浏览 25提问于2019-12-27得票数 3
所以我做了一个
npm install radium
它在我的node modules文件夹中安装了radium (我可以在那里看到它)
这里还有我的json包，它包含了其他安装包(可能Radium与其他安装包有冲突？)下面是我的json包：
{
"private": true,
"engines": {
"node": ">=0.10.0"
},
"devDependencies": {
"autoprefixer": "^6.3.1&
浏览 7提问于2016-07-31得票数 0
2回答
我有以下react代码，当我使用Radium to in style时，媒体查询不起作用。它只是显示一个空白页面作为输出。
import React, { Component } from 'react';
import Radium from 'Radium';
class contact extends React.Component {
render() {
var styles = {
base: {
background: 'blue',
border: 0,
borderRadiu
浏览 4提问于2017-03-13得票数 2
我是一个新的开发者，这些错误折磨着我。
npm install --save radium
+ radium@0.26.0
updated 1 package and audited 1374 packages in 11.052s
23 packages are looking for funding
run `npm fund` for details
found 34 vulnerabilities (31 low, 1 moderate, 2 high)
run `npm audit fix` to fix them, or `npm audit` for d
浏览 0提问于2020-06-28得票数 0
1回答
镭悬浮不起作用
、、、
我使用Radium在React中编写内联css，当我想使用“悬停”时，我有以下错误：
Uncaught :无法读取属性'_currentElement‘的null
我做错什么了吗？
import React from 'react';
import Radium from 'radium';
class Header extends React.Component {
render() {
var styles = {
base: {
backgroundColor
浏览 2提问于2016-07-19得票数 0
1回答
通常，当我在React应用程序中使用Radium时，我只需将导出的类封装在Radium中即可。
export default Radium(App)
媒体查询也会像预期的那样工作。但是，我想在Radium旁边使用来自react-router的两种连接，如下所示：
//Imports
import React from 'react'
import Radium from 'radium'
import { Table, TableBody } from 'material-ui/Table'
import { connect } from
浏览 1提问于2017-02-27得票数 2
2回答
嘿，伙计们，我明天要复习我的考试练习，上面有一个C程序的痕迹，如下所示。需要显示程序的所有输出。
int rocky[5]={1,-3,5,-7,9};
int moonman (int cloyd);
int skunch (int doofus);
int main (void)
{
int i, sum;
sum=0;
for (i=1; i<3; i++)
{
sum=sum+moonman (i)-rocky[i]; // this is where I get lost..
浏览 0提问于2011-05-03得票数 0
我使用Radium，它可以工作，但是当我添加useState时，我会得到这个错误:无效的钩子调用。钩子只能在函数组件的内部调用.
我可以在不将函数改为类的情况下修复它吗？
import React, {useState} from 'react';
import Radium, {StyleRoot} from 'radium';
const App = ()=>{
const [tab, updateTab] = useState([1, 2, 3]);
return (
<StyleRoot>
<div
浏览 3提问于2019-08-28得票数 0
回答已采纳
1回答
我用C语言创建了一个带有动态字段的周期表程序，或者至少我尝试过。
我稍后会扩展这个程序，还有其他116个元素，但是现在，它将是这样的。
编译器什么也没说，但我得到了一个运行时错误：“内存访问冲突”
我漏掉了什么？
输出只应显示保存的元素(铝/镭)。
#include <stdio.h>
#include <string.h>
#include <stdlib.h>
typedef struct
{
char Name[20];
char Symbol[3];
char Atomicnumber[5];
char*
浏览 3提问于2017-02-05得票数 0
当我尝试用npm安装radium时，我得到了一个依赖树错误。 我正在使用的命令： npm install --save radium 这是我得到的错误堆栈- npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving:
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR! react@"^17.0.2" from the root p
浏览 187提问于2021-04-10得票数 2
2回答
我试图从NFL球队网站上获取一些数据，但在python输出中总是得到一个空字符串[]。 我正在尝试获取团队名称以及与之相关的链接。 这是我尝试用findAll()访问的超文本标记语言： <td customsortid="fullName" id="standingsTile" data="[object Object]" class="rmq-30d300f6" data-radium="true" style="border-top: 1px solid rgb(238, 238, 238);
浏览 25提问于2019-03-06得票数 0
我正在学习React JS。在学习的时候，我遇到了这个问题。我不知道为什么它会给出这个错误，即使我已经通过命令npm install安装了radium --save radium请在下面找到我的代码- import React, { Component } from 'react';
import Radium, { StyleRoot } from 'radium';
import './App.css';
class App extends Component {
render() {
const style = {
浏览 10提问于2019-09-07得票数 1
2回答
我正在使用镭库内嵌样式在反应。使用它可以很好地用于其他组件，但我有材料-UI组件的问题。当我把鼠标悬停在纸上时，它不会将颜色改变为绿色。这里怎么了？我该怎么解决这个问题？
import React, { Component, Fragment } from 'react';
import { Grid, GridList, Paper, ListItem, List, ListItemIcon, ListItemText } from '@material-ui/core';
import { connect } from 'react-redux
浏览 0提问于2018-12-18得票数 1
回答已采纳
2回答
错误呈现-引导组件
、、、
最近，我从在react类中使用twitter引导程序迁移到使用from引导。我想测试一下反应我的代码是：
import React from 'react';
import { Link } from 'react-router';
import Radium from 'radium';
import Grid from 'bootstrap-grid-react';
import * as bootstrap from "react-bootstrap";
export default class Layo
浏览 1提问于2016-04-21得票数 5
这是我的部件。当我在JSX中使用SVG时，它呈现OK：
import React from "react";
import Radium from 'radium';
import LogoSvg from '../../images/my_logo.svg';
class HeaderBar extends React.Component {
render () {
return (
<div>
浏览 1提问于2019-06-04得票数 0
回答已采纳
1回答
我试图按照的指令加载Radium (它是内联css的javascript库)。
在app.browserify.js：Radium = require("radium");中。
在package.json："radium": "0.13.4"中
然而，当我尝试在应用程序的js中使用Radium时，内联css不起作用。Chrome工具表明Radium = module.exports(ComposedComponent).。
我假设这应该是一个对象，考虑到我以同样的方式加载的ReactPIXI工作得很好，开发工具表示ReactPIXI = Obje
浏览 9提问于2015-07-30得票数 6
回答已采纳
我有一个简单的React组件，我想将媒体查询添加到：
import React, {Component} from 'react';
import Radium, {StyleRoot} from 'radium';
import styles from '../../core/styles/base.css';
import sliderstyles from './Slider.styles.css';
class Slider extends Component {
constructor(props) {
浏览 1提问于2017-01-03得票数 2
PS C:\Users\BM KHAN\react-guide> npm install --save radium npm ERR！代码ERESOLVE npm错误！ERESOLVE无法解析依赖树npm错误！npm错误！解析时: react-guide@0.1.0 npm错误！发现: react@17.0.1 npm错误！node_modules/react npm错误！来自根项目npm错误的react@"^17.0.0“！npm错误！无法解析依赖关系: npm错误！来自radium@0.26.1 npm的同级react@"^16.8.0“错误！node_modules
浏览 1提问于2020-10-26得票数 4
我想让和一起工作，但我已经走到了死胡同。
我通过“黑客”试剂函数create-class (它几乎和原版一样，我刚刚添加了js/Radium包装器)使它能够部分工作。
(ns myproject.components.radium
(:require [reagent.core :as r]
[reagent.impl.component :as c]
[reagent.impl.util :as util]
[reagent.interop :refer-macros [.' .!]]))
(defn cr
浏览 0提问于2015-09-02得票数 8
回答已采纳
我试图在ReatJS + Spring-boot应用程序中设置身份验证。此时，我可以对服务器进行身份验证，从服务器检索JWT。我想将此令牌存储在cookie中，并使用包universal-cookie从React访问它。代码如下：
login(loginRequest)
.then(response => {
const cookies = new Cookies();
cookies.set(ACCESS_TOKEN, response.accessToken, {
浏览 66提问于2019-08-09得票数 0
2回答
所以我有这个自定义钩子，它从数据库返回一个对象数组，在它获得数据之前，返回值的值是未定义的。getDataByID(100).doc?.items -这将以数组的形式返回数据库中的项。如何确保返回值不是未定义的，然后将组件挂载到函数组件中？
浏览 71提问于2020-11-16得票数 0
回答已采纳
我有下一个代码
componentDidMount() {
super.componentDidMount();
let jobj = $(ReactDOM.findDOMNode(this));
$.validator.unobtrusive.parse(jobj);
}
运行此操作后，我得到错误：Uncaught TypeError:无法读取未定义的属性“未公开”
如何才能使导入ASP.MVC不显着和jquery验证？
浏览 4提问于2015-11-17得票数 2
我在上面运行了一个节点项目+ reactjs。process.env在server.js内部工作，但在其他js文件中未定义。
我尝试使用webpack构建项目，然后运行nodejs项目，如下所示
以下是我所做的步骤。
纱线构建
CALLBACK_URL= BASE_URL=节点server.js
我正在获取server.js中的日志
process.env.BASE_URL process.env.CALLBACK_URL
但是我得到了process.env.BASE_URL :在其他js文件中没有定义。
浏览 0提问于2019-09-10得票数 1
我有啤酒列表页面，然后点击任何项目打开详细信息页。
“数据在详细信息”页被传递。
<Link to=“{pathname:’beerDetails’,state:{selectedbeer:selectedbeer}}/>
在详细信息页
this.props.location.state在刷新详细信息页时未定义
在ReactJS中使用ReactJS时，在页面刷新时未定义this.props.location.state，但当使用browserRouter时页刷新保留数据。
浏览 2提问于2018-09-14得票数 1
我有一个简单的React项目。
App.js
import React from 'react';
import Radium, { StyleRoot } from 'radium';
import Checkbox from './Checkbox';
function App() {
// style
const style = {
':hover': {
color: 'red',
backgroundColor: 'blue'
},
浏览 7提问于2020-07-07得票数 0
我正在开发一个名为ProjectCard的React组件，它包含两个div。第二个div有一个下拉列表，当用户悬停在卡上或单击下拉列表时，我希望突出显示整个卡。我使用Radium将悬浮功能添加到以前的组件中，但是为了将这种新的突出显示逻辑结合起来，我跟踪了卡状态下的isActive和isLocked。例如，当鼠标进入或离开以下函数中的组件时，我切换isActive。(我将toggleActive绑定到构造函数中)
toggleActive () {
console.log(this);
this.setState({
isActive: !this.state.isActive
浏览 3提问于2017-12-22得票数 2
我已经阅读了许多关于Z索引的帖子/信息，但仍然不能解决这个问题，我有一个固定导航栏位置的网站，这样它就会留在滚动页面的顶部，当我在页眉(导航栏所在的组件)下方滚动时，所有元素都会出现在导航栏上方(这显然不是我们想要的)，我可以在这些元素上设置-1的zIndex来解决这个问题，但是目前我有一个表单，设置它的zIndex -1会使所有表单输入和提交按钮禁用或不可点击(猜测它会将表单放在另一个div/元素的下方)。所以我被困住了，感谢你的建议..:)
Navbar.js
import React, { Component } from "react";
import Radium f
浏览 1提问于2018-06-18得票数 1
1回答
所以我有两个组件，Person和App，person组件有一些内联CSS样式，我要在react中使用它，但我得到了以下错误。
Module '"../../../../../../Users/7oss/Desktop/ReactTutorials/my-first-portfolio/node_modules/@types/radium"' has no exported member 'StyleRoot'.ts(2305)
我正在尝试将@media样式添加到Person组件。
我尝试使用Radium.StyleRoot而不是StyleRoot
浏览 0提问于2020-04-06得票数 1
你好，我正在学习反应js，我遇到了一个问题。当我试图使用react路由器返回到主页时，我会得到以下错误：
未定义TypeError:无法读取未定义属性的“推送”
下面是我的代码，正如您所看到的，我正在调用导航函数：
我的带有路由器的client.js：
如果我将this.props.router.push('/');替换为this.props.history.push('/');，它就能正常工作。有什么问题吗？
浏览 5提问于2016-05-06得票数 12
回答已采纳
基于以下错误，我的应用程序无法编译：
./src/App.js
Syntax error: Unexpected token (12:2)
10 | class App extends Component {
11 |
> 12 | <StyleRoot>
| ^
13 | <AppContent />
14 | </StyleRoot>
15 |
我的应用程序分为App.js和AppContent.js。我决定，这可能是一个简陋的，如果可行的方式包装我的应用程序在StyleRoot。
A
浏览 3提问于2017-09-13得票数 0
回答已采纳
我在上遵循了react路由器-redux示例，但是当我尝试将{this.props.children}传递给IndexRoute并尝试记录它时，它是未定义的。
我通过控制台得到的唯一错误是Warning: You should not use <Route component> and <Route children> in the same route; <Route children> will be ignored，通过搜索这个错误，它只是人们所说的那些错误之一，因为它不影响任何代码(出于某种原因)。
package.json
....
"re
浏览 1提问于2017-03-30得票数 7
回答已采纳
我正在尝试在我的组件中创建一个打字机动画es6 (本质上，迭代地呈现其他传递的元素或字母)。但是，每当我执行/呈现这个组件时，所有呈现的都是大集合'abc‘的第一个元素/字母'a’。超时时间正常工作，所以我认为for循环失败了。如何在setTimeout函数的es6中正确运行for循环，从而使新元素呈现出来？谢谢。
import React from 'react';
import { CSSTransitionGroup } from 'react-transition-group';
import Radium from 'radiu
浏览 2提问于2017-10-06得票数 3
回答已采纳
我对ReactJ很陌生。我试图在一个按钮上实现onClick功能，以改变<h1>标记之间的文本。这是代码
class MessageStateComponent extends Component{
constructor(){
super()
this.state = {
message: 'Subscribe to NewsLetter'
}
}
changeMessage(){
this.setState({
message: 'Thank You'
})
浏览 1提问于2019-12-20得票数 0
回答已采纳
我有以下html
我正在尝试格式化文字标签的样式：“我确认我是一名专业顾问，我已经阅读了上述信息并希望继续下去。”
下面的内容正确吗？
.rmq-1aed09a9 div:nth-child(4)>div label {
font-weight: bold;
background: yellow;
font-size: 12px;
}
<div class="rmq-1aed09a9" data-radium="true" style="width: 100%; margin: 0px auto;">
<
浏览 35提问于2022-11-30得票数 0
1回答
我遵循并使用webpack来捆绑js文件。
我的问题是，来自React的控制台错误通过webpack包显示堆栈跟踪，而我希望它们通过实际的js代码显示堆栈跟踪。
例如，为了演示，我在其中一个js文件中引入了一个拼写错误。以下是Chromium控制台中的错误：
我知道源映射，并且我已经启用了它们。它们允许我添加断点和其他东西，但它们似乎不允许从预先绑定的代码打印错误消息。
下面是package.json：
{
"name": "feedmeapp",
"version": "0.0.1",
"devDepende
浏览 3提问于2017-01-30得票数 1
回答已采纳
这应该很容易，但它使我感到困惑:)我认为这些步骤是：
生成一个.d.ts文件并引用它
进口镭
布置一堂课
所以(这不起作用)：
/// <reference path="./radium.d.ts"/>
import Radium = require('radium');
@Radium
class MyBtn extends React.Component<{}, {}> {......
基于一个不太简单的Github示例，我的定义文件是：
declare module "radium" {
fu
浏览 5提问于2015-11-17得票数 0
每当我在窗口外壳上运行这个程序时：
PS C:\python27\scripts> python pyinstaller-script.py --onefile --noconsole .F "C:\Users\Win\Desktop\Radium-Keylogger-master\Radium-Keylogger-master\rubi.py"
下面有个错误消息
C:\Python27\python.exe:无法打开文件'pyinstaller-script.py'：Errno 2没有这样的文件或目录
浏览 1提问于2019-04-01得票数 1
使用IE8reported的所有用户都会看到一个javascript错误
json是未定义的
每当他们浏览我们sharepoint门户中的任何页面时。
IE8的其他用户并没有报告这个错误，并说一切都很好。
以前有人遇到过这样的错误吗？
谢谢
浏览 2提问于2011-01-16得票数 0
回答已采纳
我刚刚用NPM更新了我的项目，我不清楚是什么导致了下面的错误。prefixer.js来自镭。
未定义的TypeError:无法读取未定义- prefixer.js:173的属性'toString‘
@ resolve-styles.js:154mapSingleChildIntoContext @ ReactChildren.js:97traverseAllChildrenImpl @ traverseAllChildren.js:111traverseAllChildrenImpl @ traverseAllChildren.js:133traverseAllChildren @
浏览 6提问于2015-07-07得票数 0
1回答
我试着使用radium react js来赋予风格，但它不起作用
这是Nav.css
nav{
width: 15%;
height: auto;
display:block;
background-color: #282c34;
}
nav a{
display: block;
text-decoration: none;
color: #ffff;
padding: 10px;
}
nav a:hover{
background-color: #414753;
}
这是
浏览 13提问于2021-02-19得票数 0
4回答
解不清镭
、
我是环境的新手，我正在学习一个教程，并尝试使用可视化集成终端安装用于css伪行为的。
npm i --save radium
镭已经安装并添加到package.json中
但在进行更改和保存后，编译失败并引发以下错误。
模块未找到:无法解析'D:\maximillian-react\react-complete-guide\node_modules\radium\es‘中的./.././../webpack/buildin/global.js’
哪里出了问题？
并预先感谢
浏览 0提问于2018-06-19得票数 2
回答已采纳
3回答
我试图编译的应用程序不是用外部jquery编译&它的相关JS文件。当我试图将这些文件链接到ReactJS应用程序中的HTML页面时，它会抛出以下错误。
错误是：
“定义”未定义，无-undef。
此错误来自jquery.js文件，它本质上是一个外部文件&显示此错误的行是：
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
浏览 0提问于2018-10-14得票数 13
回答已采纳
我不知道我为什么会有这个错误！第一次我没有任何错误和它的工作，但当我刷新页面时，我有以下错误：TypeError:无法读取未定义的的属性“title”或TypeError:无法读取未定义的的属性“图像”
import React, { useEffect , useState } from 'react';
import Content from './Content';
import NavBar from './NavBar';
export default function BlogPost() {
const [pos
浏览 5提问于2021-04-22得票数 1
回答已采纳
我有一个MyScriptTag.tsx类，我打算在其中呈现对主布局中包含的服务库的调用。它看起来是这样的：
import React from 'react';
import * as Radium from 'radium';
import { getUser } from '../actions/user';
const MyScriptTag = () => {
return (
<script>
window['ExtLibrary'] = window['ExtLib
浏览 0提问于2018-07-19得票数 0
6回答
我正在用ReactJS访问一个API。当组件访问API提供的可能是“未定义”的对象中的属性时，停止组件崩溃的最佳方法是什么？
错误的一个例子是：
TypeError:无法读取未定义的属性“项”
浏览 24提问于2017-06-13得票数 21
回答已采纳
我正在使用'WooCommerce Elavon Gateway‘，当我启用此选项时，结帐时出现错误 未捕获ReferenceError:未定义SV_WC_Payment_Form_Handler
浏览 26提问于2019-06-27得票数 1
1回答
如何从SIMBL插件中获取主应用程序中的单例？当我尝试调用像[ProcessControl sharedInstance]这样的东西时，我得到一个错误，即ProcessControl是未定义的(即使它是在头文件中声明的)。
浏览 4提问于2010-05-21得票数 0
回答已采纳
1回答
我正在做一个使用React和Redux的项目，我需要在表单中更新后端的数据。由于需要更新的数据将从后端获取，因此我将从props初始化组件状态，并从组件状态分配表单值。我遇到的问题是，我从后端获取的一些值一开始是空的(未定义)，需要从表单中添加，这会在呈现组件时抛出错误。请参考我下面的React类，如果props值是未定义的，任何关于如何避免组件抛出错误的建议都是值得的。
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Fiel
浏览 3提问于2016-12-20得票数 0
1回答
镭:悬停不起作用
、、
在我的第一次实现镭，我正在尝试一个简单的‘：悬停’。这是我拥有的..。
import React from 'react'
import Radium from 'radium'
@Radium
export default class ResSideNav extends React.Component {
render() {
const style = {
navItem: {
backgroundColor: '#2c80b8',
':hover': {
浏览 1提问于2017-02-08得票数 4
回答已采纳
2回答
由于很多原因，我不得不从Linux转到Windows。所以我正在尝试使用gstreamer和一些ladspa插件。有没有人知道有没有可能这样做？
我尝试使用此并将本地文件放在MSYS2上的/usr/ .dll /lib中，或者从radium音乐编辑器的演示版本复制ladspa插件。但是不管怎样，gst-inspect不能识别这些插件。
热诚欢迎您的帮助！
非常感谢。
浏览 4提问于2018-07-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
