在 React 应用程序中导入 CSS

2024-06-25

In the 创建反应应用程序 https://github.com/facebook/create-react-app文档显示 App.css 已导入到 App.js 中。还有一种方法可以从组件加载编译后的 css 文件吗?

// 我的视图组件

import styles from '../../App.css';

您只需在组件中导入如下所示的 css 文件即可

导入'./header.css';

Imagine your header.css file looks like 

.header {
    background-color:  rgb(49, 118, 197);
    height:100px;
    border:10px solid red;
}

To use the style, you can use the class like ,

<div className="header">Hello World</div>

希望这可以帮助 :)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 React 应用程序中导入 CSS 的相关文章

随机推荐

  • 自动杀死多处理池的进程和子进程

    我正在使用多处理模块进行并行处理 下面的代码片段在 X 位置搜索字符串文件名并返回找到该字符串的文件名 但在某些情况下 搜索过程需要很长时间 所以我试图杀死搜索过程 花费超过 300 秒 为此 我使用了 timeout 300 如下所示 这
  • 在 UWP 应用程序中制作向导的正确方法?

    我正在尝试为 UWP 应用程序实现启动向导 向导最好在一个不可调整大小且位于屏幕中央的新窗口中打开 我已经尝试过使用LaunchUriForResultsAsync https learn microsoft com en us uwp a
  • 列表框仅显示一项

    我有一个ListBox和一个带有字符串的类 每次用户单击应用程序中的添加按钮时 我都会创建该类的一个新实例并将其添加到绑定到的列表中ListBox 第一次单击 添加 按钮时 列表框显示第一项 但下次单击时不再显示两项 XAML 这是List
  • 如何计算iOS 11不同方向的尺寸?

    我根据具有水平滚动和自定义布局的 UICollectionView 的安全区域来计算 itemSize 但对于 iPhone X 来说 安全区域对于不同的方向有不同的大小 我的问题是如何计算 viewWillTransition 函数中横向
  • COM 错误?打开工作簿两次会导致引用损坏

    归功于fuglede https stackoverflow com users 5085211 fuglede为了引起我的注意 这是 COM 错误吗 我打开 Excel 工作簿 A 然后打开工作簿 B 这两个工作簿在单元格 A1 中都有一
  • Bootstrap 列中的文本未居中

    我在 Bootstrap 中构建了 1 10 1 列标题结构 现在我想将其居中 在 10 列中 但正如您通过页面中间的虚线看到的 不集中在正中间 为什么不 我怎样才能把它拿到那里 标题的高度取决于font size其中的文字 如何通过命令手
  • 将对象作为构造函数的参数传递并保存上下文

    TL DR 我想在创建类的新实例时将对象作为参数传递 ChildClass 当我传递参数时 我想保存上下文 以便 this应该引用创建此实例的对象 而不是引用的上下文 父类 js class ParentClass constructor
  • 将曲线图案与图像边缘匹配

    我有一个要搜索沿其边缘的曲线的目标图像和一个包含该曲线的模板图像 我需要实现的是在目标图像中找到模板图像中的曲线的最佳匹配 并根据分数来判断是否匹配 这还包括曲线的旋转和大小调整 目标图像可以是 Canny Edge 检测器的输出 如果这能
  • 我如何知道提供了什么 -j 选项

    In Racket http racket lang org在构建系统中 我们有一个构建步骤 它调用一个可以同时运行多个并行任务的程序 由于这是从调用的make 尊重 j选项make最初是用 然而 据我所知 没有办法获得的价值 j从里面的选
  • 实体框架:为什么实体类的集合类型需要在默认构造函数中实例化?

    我正在使用 Visual Studio 构建代码优先模型北风自动数据库 我有一些疑问 我发现如果实体类有一个集合 那么该集合总是在默认构造函数中实例化 为什么我们需要这样做 The ICollection
  • Android VideoView setVideoURI 阻塞 UI 线程

    Android中VideoView的setVideoURI方法似乎阻塞了UI线程 一旦我调用此方法 即使在快速设备上 UI 也会变得滞后 有没有办法提高这里的性能 我可以在这里找到与该主题相关的唯一其他线程 https groups goo
  • 小部件中的 SurfaceView

    我正在为电视应用程序实现一个小部件 我想在其中显示流媒体 所以我必须放置表面视图在里面 由于小部件具有 RemoteViews 我如何使用 SurfaceView 来设置值表面支架 我已经在xml中定义了SurfaceView 我在互联网上
  • 如何自动调整下拉内容的宽度以匹配

    元素的宽度?

    基本上我有两个 p 元素 当您将鼠标悬停在其中一个上时 p p 元素 出现下拉内容 问题是 我想要下拉菜单content 下拉菜单本身 的宽度match的宽度 p p 元素 这些图片可能应该描述我在说什么 https i stack img
  • 如何创建一个没有清单文件和主类的jar?

    我有大约 40 到 50 个类文件 但没有一个有 main 方法或清单文件 现在我必须创建一个JAR从这些文件中提取文件 我该怎么做呢 jar cf myjarfile jar class 将创建一个 jar 文件 其清单包含有关 jar
  • Python 中的列表是否有等效的 str.split ?

    如果我有一个字符串 我可以用空格将其分割str split method hello world split returns hello world 如果我有一个像这样的列表 hey 1 None 2 0 string another st
  • ASP.net Identity 2.1 获取所有具有角色的用户

    如何获取用户列表 包括每个用户的角色名称 我的应用程序具有 MVC 项目的默认表 我可以使用 Identity 2 1 检索所有用户 如下所示 Model public class GetVendorViewModel public ILi
  • 例如,为什么有人应该在 C/C++ 中使用三重指针?

    我正在寻找示例或解释为什么有人应该 或不应该 在 C C 中使用三重指针 有没有出现三重指针的例子 我特别寻找使用三重指针的源代码 我想到的最好的例子是稀疏的多层表 例如 实现 Unicode 字符属性的一种方法可能是 prop type
  • 从终端以调试模式运行 jar

    我正在使用 intellij idea IDE 并且尝试在调试模式下从终端运行我的 jar 文件 并在代码中的几个位置设置断点 我正在使用的命令是 java jar myTestApp jar file myfile txt users m
  • 如何检测我的应用程序是否在虚拟机中运行?

    如何检测 NET 或 Win32 我的应用程序是否在虚拟机中运行 这就是我使用的 using var searcher new System Management ManagementObjectSearcher Select from W
  • 在 React 应用程序中导入 CSS

    In the 创建反应应用程序 https github com facebook create react app文档显示 App css 已导入到 App js 中 还有一种方法可以从组件加载编译后的 css 文件吗 我的视图组件 im