React -通过className将css应用于导入的组件

文章/答案/技术大牛

发布

1回答

css、reactjs、web、jsx

我是react的新手，我有一个关于样式导入组件的快速问题。我制作了一个基本的Title组件，它简单地输出传递的属性。我的Title.js文件： import React from 'react'; } export default Title 我在我的App.js文件中使用它，并尝试通过<e

浏览 18提问于2019-12-30得票数 1

4回答

CSS没有在React中渲染吗？

reactjs

我已经尝试了大约一整天的时间来使用React渲染css，但在使用React网站上的文档后，我还是无法理解。import React from 'react'; return ( <div className={styles.div}>

浏览 36提问于2020-08-13得票数 0

2回答

为什么CSS不能正确应用于react material web组件中的按钮？

reactjs

我是个新手，我对rwmc组件的CSS样式有一些困惑。我只是通过从'@rmwc/ Button‘包中导入来在网页上呈现两个button组件。我正在学习本教程 https://jamesmfriedman.github.io/rmwc/buttons 我还为这个组件导入了材料设计，比如导入'@material/button/dist/m

浏览 27提问于2019-01-30得票数 0

回答已采纳

2回答

如何在正文或html上应用CSS时，保持特定于在Reactjs上构建的SPA中每个页面的css属性

javascript、html、css、reactjs

对于我的登录页面，我在html，body上应用了一些css，因为我使用React.js来构建SPA。当我在登录后导航到homescreen时，主体是相同的，所以CSS被应用到所有地方。

浏览 24提问于2020-04-05得票数 1

2回答

为react中的特定组件添加style.css

reactjs、react-component

我正尝试为react中的特定组件添加CSS文件，但该CSS文件适用于所有组件如何为特定组件添加style.css？import React, { Component } from "react";import Layout from "../crm2.css" c

浏览 0提问于2020-10-03得票数 1

2回答

如何添加在另一个父组件中使用的CSS属性React组件？

css、reactjs

我正在尝试将css添加到将应用于所有Y的父组件中(具体地说，就是我的用例中的一个边距。值得注意的是，我只想将这种样式应用于我的X中的这些Y实例，而不是页面上的每个Y。/Metrics.css' render() {

浏览 21提问于2019-02-26得票数 0

回答已采纳

1回答

CSS模块与Bootstrap的结合

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

将(自定义) CSS模块与React组件中的Bootstrap组合在一起的最佳方法是什么？我使用引导CDN来获取样式并在组件中使用它们。如何使用连接到组件的模块将自定义样式应用于(例如) .nav-link ？换句话说，我如何覆盖Bootstrap的默认样式？假设下面是我的代码：import React from "re

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

3回答

如何将CSS样式应用于自定义React组件

javascript、css、reactjs

我用“npx创建-反应-应用程序我的应用”创建了一个演示的app应用程序。当我试图应用样式来响应组件时，什么都不会发生，但是当我将它应用到像<div或<p>这样的普通HTML标记时，它就能工作了。我还尝试在css文件中添加:local，如：:local(.taken-frame)import './style.css'; ReactDOM.

浏览 1提问于2018-10-09得票数 2

回答已采纳

2回答

如何在标准的HTML元素下设置react子组件的样式？

css、reactjs

我正在学习react，在做项目时遇到了这种情况。我有下面的场景，其中2个react子组件在标准HTML元素下如果我需要以单个react子元素为目标和样式，该怎么做呢？对于普通的超文本标记语言元素，我会为每个单独的child HTML element分配className并设置它们的样式。但是这种方法不适用于react component，请建议如何处理它？

浏览 11提问于2021-06-24得票数 1

2回答

CSS文件在react组件中不起作用

css、reactjs、frontend、create-table、react-component

在我的react组件中，我已经从CSS目录导入了CSS文件，但是CSS并没有应用于该组件。这是我的文件夹结构这是我在homepage.jsx文件上的代码import '.className="homepage-container"

浏览 0提问于2020-10-20得票数 0

1回答

CSS如何修复“无效属性值”

css、reactjs、storybook、tsdx

我正在使用TSDX react-with-storybook模板创建一个React组件库。但是，我似乎不能通过导入让CSS在我的组件中工作。下面是一个my button组件： import React, { FC, HTMLAttributes } from 'react';} export const Button: FC<Button

浏览 65提问于2021-10-15得票数 0

回答已采纳

1回答

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

reactjs、react-bootstrap、hamburger-menu

我在导航栏中添加了一个hamburger-react (https://hamburger-react.netlify.app)组件，以拥有一个动画汉堡图标，而不是bootstrap中的默认图标。问题是它仍然显示在大屏幕上，而我希望它只显示在较小的屏幕上。我尝试在css中使用mediaquery断点(使用css模块)，但是看起来我不能在Hamburger组件上应用定制的类。下面是我的代码： imp

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

回答已采纳

4回答

样式-组件是指围绕着您的反应性组件(组件)的包装样式()。

reactjs、styled-components、codesandbox

我的应用程序在CodeSandbox中使用样式组件。请参阅下面的url Warning: Prop `className` did not match.It looks like you've wrapped styled() around your React component (Component), but the className propNo styles will be rendered unless className is

浏览 1提问于2018-11-16得票数 10

回答已采纳

4回答

如何将className添加到React中的片段中

javascript、reactjs、css-modules、react-css-modules

我试图创建一个无状态组件，其唯一目的是充当一个可重用的包装器。我也使用CSS模块，因为我想拥有完全模块化的CSS。问题是，我不想添加不必要的元素(甚至更多的是<div>s)，而是使用React的片段。//在Wrapper.js中： import React, { Fragme

浏览 2提问于2018-03-02得票数 26

回答已采纳

2回答

如何以内联方式显示React组件

css、reactjs、material-ui

我正在尝试将多个React组件放在同一行中，这样我以后就可以滚动它们。遗憾的是，React和Material UI不想玩球。卡片组件只是一个标准的div元素，里面有一些文本和一个图像。import { Box } from '@material-ui/core';import Card from '.

浏览 1提问于2021-03-12得票数 0

2回答

React.JS React-Router-Dom在每条路由上应用css

reactjs

我是react.js的初学者，最近我发现了react-router-dom，但我有一个问题，如果我将css应用到我的文件中，所有其他路由都有这个css，我该如何解决这个问题？我的代码：我猜是因为它在每个页面上都导入了这个页面，但我不知道如何解决这个问题

浏览 3提问于2020-06-13得票数 0

2回答

将CSS应用于ReactJS中的特定组件

css、reactjs、jsx

我正在尝试创建一个个人投资组合使用反应，其中包含我创建的网页。我将这些网页称为父容器中的组件。但问题是每个网页都有一些冲突的类名。由于这一点，相应的样式属性不被应用。我想问的是..。有没有办法将CSS文件仅应用于特定组件，而不应用于任何其他组件？(类似于将CSS文件的作用域限定为特定的div

浏览 2提问于2021-01-13得票数 0

2回答

如何在React中导入特定于组件的css样式？

javascript、html、css、reactjs、webpack-dev-server

这是我试图模仿的结构(来自)： |Footer |Footer.jsimportReact from 'react'; function Footer() {

浏览 13提问于2016-07-21得票数 4

回答已采纳

2回答

为什么自定义css类不适用于React语义-UI元素？

javascript、css、reactjs、semantic-ui、semantic-ui-react

我创建了带有的卡片，我想通过css类添加一些额外的样式。我添加了自定义的“卡”类，它具有框影属性，并且没有应用该样式。 <Card className='card'></Card

浏览 0提问于2018-09-15得票数 4

回答已采纳

3回答

如何在React中仅将css应用于此组件？

javascript、css、reactjs、twitter-bootstrap

在我的应用程序中使用Bootstrap中的React模式时，我遇到了一个小问题。在index.hmtl中，我导入以下内容： <link rel="stylesheet" href="/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/assets/css/

浏览 62提问于2020-12-16得票数 1

回答已采纳

点击加载更多