【问题标题】: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 文件中应该有的类名。

标签: reactjs classname


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2019-06-22
    • 1970-01-01
    • 2019-10-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-03
    • 2020-11-29
    • 2017-02-28
    相关资源
    最近更新 更多