通过样式表方法在 React js 中添加 CSS答案

【问题标题】：Adding CSS in reactsjs by stylesheet method通过样式表方法在 React js 中添加 CSS
【发布时间】：2022-01-25 10:13:40
【问题描述】：

我正在尝试在我的 app.js 文件中添加 CSS，但它没有改变标题 h1 Todo Manager 的颜色

我的 app.js 文件：

import './App.css';
import Stylesheet from './MyComponents/Stylesheet';

  const App = () => {
    return (
       <div className='App'>
       <Stylesheet primary={true}/>

export default App;

myStyles.css文件

.primary {
    color: 'orange';
}
.font-xl {
    font-size: 72px;
}

Stylesheet.js文件：

import React from 'react'
import "./myStyles.css"

function Stylesheet(props) {
    let className = props.primary ? 'primary' : ''
    return (
        <div>
            <h1 className={ `${className} font-xl` }>Todo Manager</h1><br /><br /><br />
            
        </div>
    )
}

export default Stylesheet

【问题讨论】：

您是否尝试过重新启动应用程序？控制台中是否有任何错误？路径准确吗？
不，控制台没有错误

标签： html css reactjs jsx stylesheet

【解决方案1】：

将颜色属性从'orange'更改为orange，去掉引号。

【讨论】：