小编Rif*_*yas的帖子
npm 错误！代码 ERR_SOCKET_TIMEOUT npm 错误！网络套接字超时
这是错误：
npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'
我跑了npm cache clean --force
删除node_modules并package-lock.json运行npm install但仍然出现该错误
推荐指数
解决办法
查看次数
setState 方法导致 Reactjs 函数中的结果无限循环
该代码显示数组中的用户记录。我还创建了一个updateCount()对内容显示的用户进行计数的函数。
我可以看到提醒的计数结果我可以在控制台中
现在我想显示计数结果，为此，我在函数setState()中初始化方法updateCount。
updateCount = userId => {
...some code missing
this.setState({dataCount: count});
}
由于重新渲染，这会导致结果无限循环。无论如何，有没有办法摆脱setState该UpdateCount()功能，使我能够很好地显示计数结果或任何更好的可能方法。
这是代码
import React, { Component, Fragment } from "react";
import { render } from "react-dom";
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
data: [],
userCount: []
};
}
componentDidMount() {
var userId = "100";
this.setState({
data: [
{
id: "100",
name: "Luke"
},
{
id: "200",
name: "Henry"
}, …推荐指数
解决办法
查看次数
将 className 属性添加到angerlySetInnerHTML 内容中
如何指定包含“hello world”className的属性：div
<div dangerouslySetInnerHTML={{__html: '<div>hello world</div>'}} />
一种方法是设置为外部 div，如下所示：
<div dangerouslySetInnerHTML={{__html: '<div>hello world</div>'}} className='class-name'/>
然后以 css 样式设置子项：
.class-name div {
(css stuff here)
}
className但我想直接设置为div“hello world”
编辑：将类名添加到注入的 html 中并不能解决问题，例如：
let content = '<div class="class-name">hello world</div>'
<div dangerouslySetInnerHTML={{__html: content}}
不起作用，因为如果多次使用相同的内容，则会发生 CSS 冲突（我正在使用带有 CSS 模块的样式加载器）
推荐指数
解决办法
查看次数
如何在 css 文件中使用 API 颜色变量？
我background-color从 API 中得到一个变量名settings.brand_color。我想在 html 元素中使用该变量。我不能使用style属性，因为我:before在我的应用程序中使用了选择器。我想在我的 css 文件中传递该 API 变量并在我的:before伪选择器中使用它。
JSX
<input
id={languageLabel}
type="radio"
name="language-select"
value={languageLabel}
// defaultChecked={index === 0}
onChange={() => {
onLanguageChange(language, languageLabel);
}}
className="focus:ring-0 mr-5 my-18p default-style radio__input"
/>
<div className="radio__radio"></div>
CSS
.radio__radio {
width: 24px;
height: 24px;
background-color: #d8d8d8;
border-radius: 50%;
box-sizing: border-box;
padding: 6px;
margin-right: 20px;
z-index: 1;
}
.radio__radio::after {
content: "";
width: 100%;
height: 100%;
display: block;
background: #f28b46;
border-radius: 50%;
transform: scale(0);
z-index: …推荐指数
解决办法
查看次数
无法通过html访问css文件
我正在尝试从 app.html 访问 main.css 以使 Tailwind CSS 工作，因为如果我将它放在 .svelte 文件自身的样式括号中，那么它只会给我一个错误，任何人都知道为什么
<link rel="stylesheet" href="./routes/main.css">
不起作用？
我尝试在其中访问 CSS 的 HTML
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.png" />
<link rel="stylesheet" href="./routes/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head%
</head>
CSS 文件（如果需要对其执行任何操作）
<link rel="stylesheet" href="./routes/main.css">
推荐指数
解决办法
查看次数
标签 统计
css ×3
reactjs ×3
html ×2
javascript ×1
node.js ×1
npm-install ×1
styling ×1
svelte ×1
tailwind-css ×1