javascript - 为什么不在我的 React 元素中添加 css 样式？

Question

我确实在我的 React 元素中创建了一个样式。像作为
样式.css:

.headingStyle {
  background-color: purple;
  text-align: center;

}

我的 react 组件是:

import React from 'react'
import  '../cse_component/style.css'


export default function heardTitle() {
    return (
        <div>
            <h1 ClassName='headingStyle'>Todo List</h1>
        </div>
    )
}

但是为什么我无法更改元素中的任何内容？

Answer 1

我想你打错了 className支柱。应该是 className不是 ClassName使用资本 C.
尝试从这里改变它

<h1 ClassName='headingStyle'>Todo List</h1>

进入这个:

<h1 className='headingStyle'>Todo List</h1>