首页 > 解决方案 > 如何将单个样式传递给 React 中的组件?

问题描述

我多次渲染同一个组件,我想为其中一个提供不同的样式。

我应该添加类名吗?如何传递样式来更改此特定组件的字体大小?

   <Result
                className={Styles.reportTitle}
                question={report.question}
                text={report.resultText}
                values={[
                    {
                        percentageResult: report.overallPercentage,
                        value: report.overallPercentage,
                        resultText: report.resultText
                    }
                ]}
                color="black"
            />

添加一个类名是我正在做的,但它不起作用。

标签: javascriptreactjs

解决方案


您的自定义组件(可能)没有将 className 传播到根元素。在那里添加className={className}


推荐阅读