javascript - 如何将单独的样式传递给 React 中的组件？

Question

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

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

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

添加 className 是我正在做的事情，但它不起作用。

Answer 1

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