javascript - 如何将单个样式传递给 React 中的组件?
问题描述
我多次渲染同一个组件,我想为其中一个提供不同的样式。
我应该添加类名吗?如何传递样式来更改此特定组件的字体大小?
<Result
className={Styles.reportTitle}
question={report.question}
text={report.resultText}
values={[
{
percentageResult: report.overallPercentage,
value: report.overallPercentage,
resultText: report.resultText
}
]}
color="black"
/>
添加一个类名是我正在做的,但它不起作用。
解决方案
您的自定义组件(可能)没有将 className 传播到根元素。在那里添加className={className}
。
推荐阅读
- vba - 根据字符串中的分隔路径将项目附加到电子邮件
- android - 每次我导航到新片段时都会分配内存
- spring-boot - Spring boot with lettuce:无法连接,事件执行器组被终止
- javascript - div 浮动不合适
- node.js - 无法让 docker-compose 网络工作
- css - 链接的自定义边框底部也显示在图像和导航上
- highcharts - 仪表图在 iPhone 上出现白色段
- python - 如何在不包含站点数据的情况下从网页中获取准确的标题
- python - python:对字典项目列表的字典列表的列表理解
- java - POST 中的 Spring Boot API Base64 编码错误