使用ReactJS的CSS类名

文章/答案/技术大牛

发布

1回答

css、reactjs、jsx

/NavBar.module.css'; 然后在文件中，我尝试访问css模块，如下所示 <ul className={classes.navbar-nav}> </ul> 在我的CSS模块文件中 .navbar-nav { max-height: 100%;

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

回答已采纳

2回答

在ReactJs组件中使用AnimateCSS

css、node.js、reactjs、npm-install

我通过npm install animate.css --save安装了npm install animate.css --save并将它保存在本地的./node_modules包中。当我阅读Github中的Animate.CSS文档时，它说只是在我想要制作动画的元素中添加类名(如fadeInDown, bouceInDown...etc )，但是我不知道需要本地包中的类名。问题：我们如何

浏览 1提问于2017-03-27得票数 1

1回答

如何将过渡添加到react滚动事件

reactjs

我有一个在滚动中消失的div，但它只是跳走了，我想自定义淡出的过渡。

浏览 6提问于2019-06-14得票数 0

1回答

类是随机字符串--是webpack的东西还是CSS框架？

css、webpack

当我检查Facebook和其他企业网站时，大多数元素都有一组很长的随机字符串类，比如class="rq0escxv l9j0dhe7 du4w35lb j83agx80 pfnyh3mw taijpn5t这是一个webpack的东西还是一个CSS框架？

浏览 5提问于2020-08-21得票数 1

回答已采纳

2回答

将样式应用于标记，而不是类/ids

css、reactjs、webpack

我已经设置了我自己的反应项目，从一些教程，包括我自己的webpack配置。当我尝试对元素进行样式设置时，它能够将样式应用于一般的html标记，比如<body>或<p>，但是当我尝试对类/ids进行样式设置时，它就失败了。我知道我的css文件是被导入的，因为它设置了通用标记的样式。Webpack·康菲 test: /\.css$/,

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

回答已采纳

3回答

css-loader localIdentName:哈希对于唯一性是必要的吗？

css、reactjs、webpack、css-modules、css-loader

建议将localIdentName设置为散列后缀是必需的吗？它还会像这样独一无二吗？事实是#3是这个中的一个选项，这让我相信它可能没有必要。

浏览 1提问于2018-02-21得票数 25

2回答

是否有方法在ReactJS中插入带有变量值的样式表？

javascript、reactjs

如何将<style>插入到ReactJS项目中的DOM中，其中样式表的值是来自数据库的动态值。我有以下简化的场景：备注：我没有修改HTML或JSX元素的权限，解决方案只需要CSS，并且基于按钮的类名我希望能够用CSS类<

浏览 3提问于2021-11-10得票数 0

回答已采纳

1回答

在另一个页面上使用相同的类名样式。

reactjs

我使用的是reactjs应用程序，我使用的是coustom css文件。我使用css类名作为页面，现在我在该类中添加了一些样式。现在，如果遇到一些问题，当我在另一个页面中添加sem类名时，它会自动得到之前的样式。我不想在那门课上学到以前的风格，我该如何解决这个问题呢？

浏览 5提问于2022-05-01得票数 0

1回答

如何在ReactJS中的本地基框中使用渐变？

reactjs、create-react-app、native-base

我试图在浏览器ReactJS应用程序(而不是Reactive原住民应用程序)中使用Native，在这种情况下，我很难使用渐变背景。只解释了如何在(世博或香草反应本地)上执行此操作，而对ReactJS应用程序则没有解释。它似乎不可能“注入”一些类名到div的某个点使用本机基，所以不可能在纯CSS中创建梯度，而不是本机基。

浏览 7提问于2022-03-31得票数 1

1回答

使用Selenium在ReactJS网页上识别元素，它们是更好的方法吗？

reactjs、selenium、testing

我试图在用reactjs构建的网页上使用Selenium编写web驱动的测试。我可以通过xpath获取元素，但是这并不理想，而且非常有限。没有其他属性可供使用。不能使用CSSSelector，因为css</

浏览 0提问于2018-05-03得票数 10

2回答

在Reactjs中使用动态CSS类名

reactjs

我正在使用下面的一个我的孩子组件。我想要我在这样的父组件中使用这个。

浏览 3提问于2019-12-08得票数 1

回答已采纳

2回答

为什么我不能在输入中使用maxLength？

reactjs、typescript

当我将maxLength添加到输入无效的DOM属性maxlength时，会得到一个错误。你是说maxLength

浏览 2提问于2019-02-24得票数 1

回答已采纳

2回答

如何在基于布尔支柱的ReactJS中有条件地应用嵌套SCSS类？

javascript、css、reactjs、sass、jsx

我有一个侧边栏导航元素，我试图将SCSS样式应用到基于元素位置的React中。这是我目前为从模块导入的CSS类组合所做的：styles[position],来自SCSS文件的片段： top: 0; visibility元素继承的是.main类和.right的<

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

回答已采纳

2回答

使用Next.JS将CSS类名称传递给组件

javascript、reactjs、next.js

我是NextJS新手，目前正在转换一个普通的ReactJS项目。有一件事我还不太明白，那就是如何正确使用CSS。我有一个Button组件，它从父组件中获取一个标准类和动态类名。正如您所看到的，类名是通过prop button类传递的--我如何正确处理这些类名？目前它说的是未定义。

浏览 26提问于2020-11-02得票数 2

11回答

顺风CSS* IntelliSense没有在ReactJS项目中提供建议？*

reactjs、visual-studio-code、tailwind-css

我使用ReactJS命令创建了一个create-react-project项目。I安装了tailwind.config.js裁剪器并创建了一个文件。现在，为了让我的生活更轻松，我还安装了一个名为Tailwind的扩展，并重新加载了VSCode。在我的JavaScript文件中，扩展名仍然没有给出建议。起初，我认为这可能是因为它只适用于html扩展，或者reactjs文件使用className添加CSS类作为类

浏览 21提问于2020-07-31得票数 13

2回答

styles.css不只是应用于app和node.js应用程序中的一个页面。

javascript、html、css、node.js、reactjs

因此，我有一个网站内置的反应和使用node.js，所有的网页加载正确，但一个，它没有正确加载的css，我不知道为什么。另一件有趣的事情是，它也没有出现在开发工具，火狐和谷歌。下面是我的.html文件中的当我在本地主机上加载我

浏览 4提问于2021-04-24得票数 1

回答已采纳

4回答

ReactJS:聚合CSS类

css、reactjs

假设我有一些CSS类定义为：.bg-dark-color {background-color: #444;}} .fg-light-color;}var Btnrender: function () { <button className='b

浏览 8提问于2015-07-28得票数 1

回答已采纳

1回答

less-loader忽略空规则集

reactjs、typescript、less、less-loader

我正在使用less-loader将less加载到css中。然后，我在TypeScript中使用css模块加载器的类型来获取类名常量。当我向规则集中添加任何样式时，都会正确地生成常量。我使

浏览 4提问于2019-01-06得票数 0

2回答

从子级到父级的CSS冒泡

reactjs、components

试图寻址子组件中的所有h1元素，但类样式冒泡到寻址整个DOM中的所有h1元素。如何将样式限制到要导入样式表的组件？从react中导入React，{ Component }；导入"../styles/principlesInAoL.css"；导出默认类PrinciplesInAoL扩展了组件{ render() { return <h1>Principles in Areas ofLife</h1>; } }

浏览 59提问于2019-01-09得票数 0

回答已采纳

1回答

ES6，React -如何在动态生成的类中设置类名？

javascript、reactjs、ecmascript-6、dynamic-class-creation

我有一个构建器方法，它用注入的道具包装一个类，我想将类名设置为与包装的类相同。我该如何实现这一点？

浏览 3提问于2017-08-16得票数 0

点击加载更多