react中的className是啥意思？

Posted 2023-03-16

【中文标题】react中的className是啥意思？

【英文标题】：What is the meaning of className in react?react中的className是什么意思？

【发布时间】：2021-08-23 19:43:06

【问题描述】：

我们可以使用任何名称来代替“容器”吗？或者它们是用于特定目的的内置关键字？

import logo from './logo.svg';

function App() 
  return (
    <div className="container">
        Hello world!
    </div>
  );


export default App;

【问题讨论】：

我们不知道。你有没有针对.container的CSS？

在html 元素中，你使用class 作为JSX 中的css 类名，你使用className 作为css 类名（class 也可以在 React 中使用，给出警告）。 container 是你的 css 文件中应该有的类名。

【参考方案1】：

“ClassName”的使用方式与 HTML 中“class”的使用方式相同。这是因为 "class" 是 javascript 中的保留字。

听起来您在问是否有任何内置处理 - 答案是否定的，除非您添加这些依赖项。 除非您为 .container 类添加 css，否则具有容器类名的 div 与没有类名的 div 没有任何不同。