CSS 未在 React 中应用

Question

我正在尝试使用 flex 显示我的进度条，这样我就可以在进度条之前有一个标签，但它没有被应用。我不确定为什么没有发生。

求推荐。

About.js

import React from "react";
import "./About.css";
import { ProgressBar } from "react-bootstrap";

function About() {
  return (
    <div className="MainAboutContainer">
      <div classNames="Skills">
        <h3 className="SkillTag">hi</h3>
        <div className="SkillLevel">
          <ProgressBar now={60} label={`%`} />
        </div>
      </div>
    </div>
  );
}
export default About;

About.css

.Skills {
  display: "flex";
}

Answer 1

您应该删除 ClassNames="Skills" 中的 's' 以使 ClassName="Skills"

CSS 未在 React 中应用

CSS not getting applied in React

html

css

styling

reactjs