在函数React中使用CSS模块类_如何通过css模块在React中使用伪类？_在React中添加Bootstrap CSS和类名中的CSS模块 - 腾讯云开发者社区

javascript、reactjs

如何在函数中使用CSS模块类？例如:我有className {styles.item}，但是我想在一个函数中使用它，比如... export default function MenuItem {} <MenuItem name="test product" type="extra" /&

浏览 29提问于2020-09-28得票数 1

1回答

如何配置同构风格的加载器来加载节点模块？

node.js、reactjs、postcss、draftjs、isomorphic-style-loader

我正在尝试使用react草稿-wysiwyg模块，但是与该模块相关的导入样式没有被使用。我认为这是因为将导入的css加载到散列中，而模块中元素的类属性则不是。既然如此，我是否可以： import draftcss from '

浏览 6提问于2017-12-26得票数 4

回答已采纳

2回答

"composes“不适用于babel-plugin-react-css-modules

reactjs、webpack、babeljs、css-modules、react-css-modules

我正在尝试在我的React项目中使用css模块。我可以做这样的事情：const Demo = () => <div styleName="demo">Hello</div> 我的样式被从CSS中提取出来，并成功地添加了前缀。然而，当我尝试使用CSS模块的"

浏览 0提问于2017-01-07得票数 4

2回答

Reactjs: ReactTable css不使用js文件中的导入加载css

reactjs、webpack、react-table

我正在尝试使用ReactTable使用当我尝试导入css没有导入blob:http/react-table.css">webpack.config.js const HtmlWebPackPlugin = require("html-w

浏览 2提问于2018-10-25得票数 0

1回答

用CSS模块扩展框架的css类

css、reactjs、webpack、babeljs、babel-plugin-react-css-modules

我目前正在开发一个反应性项目，在某些情况下，我必须用属性扩展CSS类框架，比如引导。例如，我想更改这个类的背景色()。import React from 'react'; import bootstrap from 'boostrap

浏览 1提问于2019-10-02得票数 0

回答已采纳

1回答

如何在Nextjs 13中散列CSS模块类名？

javascript、typescript、next.js、nextjs13

如何在下一个JS中编辑/精简/散列/隐藏/模糊css类名？在尝试时获取以下错误。at C:\k\vercel\static\css\9db6a345a2f242fe.css:1:817 at Root.

浏览 36提问于2022-12-04得票数 0

1回答

如何使样式表只对一个组件react.js可访问

javascript、html、css、node.js、reactjs

比方说navbar.css和footer.css。我想在这两个css文件中使用伪元素:root来定义变量。但是，我不希望其他css文件能够访问这些变量。当我使用这两个组件时，css文件合并在一起，我的样式也会发生冲突。我怎么才能阻止这一切？App.jsximport React from "react";impo

浏览 5提问于2020-05-23得票数 1

1回答

有没有办法在laravel中随机化css类？

css、laravel、css-selectors

有没有办法随机化css类并在html和js文件中更新它们？

浏览 14提问于2018-08-19得票数 -1

回答已采纳

2回答

当我在React.js中使用CSS模块时，如何使用getElementsByClassName？

reactjs

我想将getElementsByClassName应用到由React.js中的CSS模块分配的具有动态名称的元素。例如，如果我在名为RegisterPage.js的文件中使用className={styles.firstLink}将一个类命名为'firstLink‘，则该类的结果名称为： <a href="" class

浏览 76提问于2020-11-04得票数 0

回答已采纳

2回答

从框架中删除未使用的CSS类，如react项目中的引导程序

javascript、reactjs、webpack、babeljs、babel-plugin-react-css-modules

我们目前正在开发一个使用webpack和babel的react项目，并希望自动删除我们使用的CSS框架、Bootstrap和AdminLTE 2中未使用的CSS类。本课题采用webpack (v4.41.0)，babel (v7.6.2)和react (16.10.1)。为了使用CSS类，我们使用babel插件babel-plugin-react

浏览 1提问于2019-10-02得票数 4

回答已采纳

1回答

CSS模块类名称未定义

reactjs、create-react-app、css-modules

我尝试在我的项目中使用css模块。我正在使用最新的Create React App和react-scripts版本2.1.8。在中，它说我可以添加CSS模块，而我不需要做弹出脚本。我也尝试过同样的方法，但是我的样式是空的，类也没有定义。下面是我的一个组件的代码： import React, { Component } from 'react</e

浏览 38提问于2019-04-08得票数 3

回答已采纳

1回答

无法将自定义类应用于hamburger-react组件

reactjs、react-bootstrap、hamburger-menu

我正在使用Gatsby和React-Bootstrap构建一个网站。我在导航栏中添加了一个hamburger-react (https://hamburger-react.netlify.app)组件，以拥有一个动画汉堡图标，而不是bootstrap中的默认图标。问题是它仍然显示在大屏幕上，而我希望它只显示在较小的屏幕上。我尝试在css中使用mediaquery

浏览 13提问于2021-07-09得票数 0

回答已采纳

2回答

如何让CSS模块默认全局导入文件？

reactjs、webpack、css-modules、css-loader

我正在尝试实现CSS模块到我的项目，这是使用React和Webpack。但是，我想继续使用我创建的所有全局css。import './styles.scss中存在的类.button现在

浏览 25提问于2017-12-19得票数 9

1回答

汇总和后置CSS* -自动添加前缀的React className属性*

reactjs、jsx、rollup、postcss

我正在使用Rollup + React + Post CSS来构建组件库。我正在寻找一种自动重定位类名的方法，这样它们就不会与使用该库的项目中的样式冲突。我已经添加了这个插件来自动添加‘前缀-’到CSS中的每个类名：但是，这不会修改JavaScript (JSX)，因此React组件仍然使用未命名的类作为className属性。有没有办法使用汇总来自动修改className属性

浏览 20提问于2017-12-15得票数 2

回答已采纳

4回答

react中的CSS冲突

css、reactjs、dom

如何在不使用任何模块或外部依赖项的情况下使用普通CSS，如React中的CSS模块或样式组件，避免类名冲突或CSS覆盖到其他组件？

浏览 1提问于2021-01-25得票数 0

1回答

在ReactJS中通过向CSS文件名添加.module来启用CSS模块

html、css、reactjs

我是ReactJS新手，我读到了关于如何启用CSS模块的文章，我的主要内容是： import React from "react";}<div class=&quo

浏览 0提问于2019-05-26得票数 1

回答已采纳

2回答

使用css-加载程序而不作任何反应

css、webpack、bundling-and-minification、css-loader、css-modules

我正在构建一个小的web应用程序Webpack支持的CSS模块(通过css加载程序)，没有反应。我的目标是通过在css加载器上使用选项(因为我目前正在使用冗长的边界元类名)来获取localIdentName: '[hash:base64:8]'。我以前使用过css-加载程序和React，它最终起作用了，因为您可以导入React文件中的样式<em

浏览 1提问于2019-03-08得票数 2

回答已采纳

1回答

CSS模块与Bootstrap的结合

html、css、reactjs、twitter-bootstrap、css-modules

将(自定义) CSS模块与React组件中的Bootstrap组合在一起的最佳方法是什么？我使用引导CDN来获取样式并在组件中使用它们。如何使用连接到组件的模块将自定义样式应用于(例如) .nav-link ？换句话说，我如何覆盖Bootstrap的默认样式？.Navbar {} 我知道css模块的导入允许我使用styles.Navba

浏览 2提问于2020-01-12得票数 5

2回答

如何使用css模块而不修改类名

javascript、css、reactjs

我正计划在我的反应性项目中使用css模块，并且我很快发现，当需要更改类名以使用css模块时，事情会变得多么糟糕。假设我有一个使用常规css的组件import ".</span> </span>

浏览 2提问于2021-07-24得票数 0

2回答

如何使类名对我的ReactJS组件来说是唯一的？

html、css、reactjs、webpack、sass

我正在使用创建-反应-应用程序。 <C1 /> </>}C1 <= This should be red当ReactJS将所有.scss捆绑到一个.css如何通过修改webpack或代码使这些类名成为唯一？正如您所知道的，维护惟一的类名有点困难，因为我们无法避免header、nav、footes等名称发生冲突。

浏览 4提问于2019-11-16得票数 1

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云