2回答
关于使用React动态插入SASS类的最佳实践的基本问题。 我有一个带有两个属性的React组件：componentId和color。组件以列表的形式呈现。我知道我可以使用内联样式做到这一点，但由于难以维护它，这通常是不受欢迎的。我目前有一个包含多个类的SCSS文件。如何使用类名this.props.componentId和颜色this.props.backgroundColor动态</em
浏览 37提问于2019-02-11得票数 0
回答已采纳
我已经阅读并尝试了很多解决方案，但我对React还是个新手，我不知道如何在单击div时添加"active“类。有人能给我解释一下吗？对我来说，最大的问题是我有一个对象的数据，如果我试图添加一个类切换，我不确定如何将所有的东西组合在一起。 import React from "react"; name,
avatar,
浏览 16提问于2020-09-07得票数 0
回答已采纳
我在React/Next.js中为我的组件使用SCSS模块，但我不知道如何导入kebab-case类。目前，我只是在用camelCase编写我所有的SCSS类，但这并不理想，因为这意味着我不能使用SCSS级联。
const NavCompo
浏览 4提问于2020-05-14得票数 7
使用history.push('/')时，以前的路由消失了，但新的路由不会显示(重新加载后会显示)。怎么会这样呢？import React, {Suspense, lazy} from 'react';import './modules/Header/Header.scss';
import {Route, Switch} from
浏览 11提问于2020-08-11得票数 0
4回答
我试图在按钮点击时动态创建元素，并使用ref将其添加到其中一个类中。我可以使用document.createElement，但据我所知，不要在react中使用它 例如，我想通过单击按钮将<p>的一个元素添加到类名为classes.elements的div中 importReact, { useRef } from 'react'
import classes from './AddE
浏览 50提问于2020-08-21得票数 0
回答已采纳
1回答
在react中，我使用scss设置样式，当我设置元素的样式时，它总是这样设置的：<div className={styles.container}> </div>。有没有一种方法可以在不使用任何其他库的情况下动态设置样式名称？
例如，var i= 'error‘。然后将样式设置为类似于此<div className={styles.它将使用scss文件中的类.error。
浏览 24提问于2021-02-20得票数 0
回答已采纳
2回答
我使用了React和SASS，我得到了一个多维数据集组件，我想用动态宽度呈现它。然而，我在我的.scss中操作这个宽度。有一个例子。width: '100px' }} /><Cube style={{ width: '20px' }} /> trans
浏览 2提问于2018-04-26得票数 5
回答已采纳
有一件事我还不太明白，那就是如何正确使用CSS。 我有一个Button组件，它从父组件中获取一个标准类和动态类名。正如您所看到的，类名是通过prop button类传递的--我如何正确处理这些类名？<Button buttonClass={"primary__button hero-button"}>Jetzt loslegen</Button>
import React from "
浏览 26提问于2020-11-02得票数 2
1回答
我已经创建了一个子组件，我在我的应用程序中使用它，我希望每次都给它一个不同的样式。我试图传递一个样式属性并动态更改它，但由于我也使用了React SCSS模块样式，所以它不起作用。); return( )imp
浏览 10提问于2020-10-25得票数 1
回答已采纳
我的目标是在导航栏中检查"hamburger“类的onClick事件。 我已经相应地设置了组件和样式，但是我不确定如何插入，以及在哪里插入JavaScript以选择此元素并添加事件侦听器。下面是我当前的代码： import React from "react"import "../styles/master.scss"
import he
浏览 31提问于2020-01-19得票数 0
2回答
我正在尝试将整个scss文件添加到一个React组件中。import Calendar from 'calendar'
const CalendarShift = () => <Calendar styleN
浏览 0提问于2019-08-09得票数 0
回答已采纳
我在next.js中使用scss模块，并希望使用嵌套类选择器，如下所示： .x { }但是，这似乎不适用于以下组件：import styles from './my-component.module.scss'
export default class MyComponent extends Reac
浏览 10提问于2020-12-05得票数 8
TL:DR我目前在React中使用CSS Modules和一个自定义的Webpack脚本；以传统的方式使用[style-loader, css-loader, sass-loader]。// MyComponent.jsx
import React fro
浏览 0提问于2019-12-16得票数 13
2回答
在下面的代码中，我在React的帮助下创建了一个按钮组件。因为React允许您创建可重用的组件，所以我希望能够创建一个按钮，该按钮可以包含不同的文本和不同的颜色。例如： import App from "..关键是它创建了一个按钮，基于import React from "react"
import "./GlowB
浏览 4提问于2021-05-05得票数 3
回答已采纳
1回答
我有以下文件和React结构：.header { ...header styles }@use './header.scss'
background-color: red; 3. component.js(React)/home.scss";
import headerStyles from
浏览 4提问于2020-09-19得票数 0
3回答
有人用过react pro侧边栏吗？谁能告诉我如何使用sass侧边栏组件和如何增加侧边栏的长度。有没有其他的库有关于如何使用侧边栏的例子。下面是react pro侧边栏的例子。
浏览 2提问于2020-09-01得票数 1
我在SCSS中有一组语义颜色类，这些类应该应用于基于它们的道具的组件。我使用的是React + Next.js +css-模块。是否有更好(更动态)的方法来做到这一点？也许是内联扩展？我将它导入到其他scss文件中以扩展类： background: orange;}
/*
浏览 4提问于2021-10-26得票数 0
回答已采纳
1回答
我正在用Dart SASS构建一个React应用程序。事情通常进展顺利，我特别欣赏每个组件的样式是如何与该组件隔离的--即。ComponentName.module.scss示例:我有一个名为SignIn.jsx的组件。理想的方法是能够在SignIn.modul
浏览 2提问于2022-07-15得票数 0
1回答
我正在将现有的SCSS转换为一个React应用程序中的SCSS模块，并且我遇到了针对外部库指定的类的问题(在本例中是react-datepicker)。DateField.tsx只是DatePicker的包装器：
<div c
浏览 1提问于2021-07-13得票数 1
回答已采纳
实际上，im“迁移”了一个网站项目，在那里我使用了一个模板。当我将引导链接放到index.html中时，会出现一些冲突。我想将引导仅仅应用到一个组件中，以避免这种冲突，但我不知道如何做到这一点。
浏览 2提问于2019-12-11得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
