在React类呈现函数中使用的目的是什么？

Question

我是React的新手，到目前为止，我理解React jsx中的className可以是对导入css文件中定义的html类的引用。像下面示例中的classname=“warning”，它使文本显示红色，而不是默认的黑色。

但我也看到，在许多教程示例中，像 这样的元素出现在render（）函数的顶部。这通常不会引用导入的css文件中的任何内容，但即使示例中根本没有导入的css文件，它也经常会出现。

实际上，我发现，如果只使用

替换它，则示例的呈现方式与前面完全相同。那么，像 这样的元素是做什么的，它们是用来做什么的呢？

应用程序JS

import React, { Component } from 'react';
import './App.css';

class App extends Component {
    render() {
        return (
            <div className="App">
                <h1 className="warning">Wakeup World!</h1>
            </div>
        )
    }
}

export default App;

app.css

.warning {
    color: red
}

匿名用户

我相信这只是一个惯例，它不涉及React的内部渲染逻辑或类似的东西。

为了回答您关于它们为什么会出现的问题，我们需要对HTML或body进行更具体的全局样式更改。同样，一个你可以随意忽略的约定。

来源：https://reactjs.org/docs/rendering-elements.html及相关文档

匿名用户

的目的不是别的，而是使用app作为类呈现

。如果没有链接到该类名的样式，那么在更改它时将得到相同的结果。

由于React没有正式的命名约定，所以没有任何正式文档说明第一个元素必须是包含类app的

我猜这已经成了某种潜规则了。

甚至Facebooks create-react-app也使用app作为第一个元素。（资料来源）

然而，React的井字游戏教程并没有使用app作为第一个元素，而是使用 ，这样会更有意义。

相关问题

• Proguard不处理FXML中的onAction调用
• Visual Studio Code 中的 JUnit
• 如何从命令行排除mvn构建路径中的特定苍蝇？
• 如何从源代码中正确构建keycloak
• 更正应用程序的类路径，使其包含oauth2.client.registration.ClientRegistry的单一兼容版本
• 如何解决“HttpAuthenticationFactory的机制[KEYCLOAK]中没有所需的机制'BASIC'”
• 如何从 Git 克隆存储库并在 Java 中自动运行 Maven 构建
• java 13 jar文件在java 17中不起作用，收到错误UnafftedClassVersionError
• Git 错误：无法与 XX.XX.XXX.XXX 协商：未找到匹配的主机密钥类型。他们的报价： SSH-DSS [重复]
• 在Windows Git bash中工作时，gitlab的Git克隆在linux上失败
• eclipse中的Java运行时环境内存不足消息
• fx:id="grid "在控制器中保持为空
• 如何填充在JavaFx Scene Builder中设计的fxml文件中定义的TableView
• JavaFX控制器中的NullPointerException
• 从事件中获取应用程序类
• 如何在JavaFX中正确显示第二个fxml文件视图？
• 如何将多个控制器连接到一个模型？JavaFX 中的简单窗口应用程序
• 如何在创建的原始窗口中的控制器之间进行转换
• 我应该如何从外部调用JavaFX中“Main”类中包含的方法？
• 使用ActionEvent在JavaFX中切换场景

热门标签

---

Java JavaScript Python PHP C# Android Html jQuery C++ Css IOS MySQL NodeJS

Answer 1

热门标签

Answer 2

相关问题

Answer 3

的目的不是别的，而是使用app作为类呈现

。如果没有链接到该类名的样式，那么在更改它时将得到相同的结果。

由于React没有正式的命名约定，所以没有任何正式文档说明第一个元素必须是包含类app的

我猜这已经成了某种潜规则了。

甚至Facebooks create-react-app也使用app作为第一个元素。（资料来源）

然而，React的井字游戏教程并没有使用app作为第一个元素，而是使用 ，这样会更有意义。

Answer 4

我相信这只是一个惯例，它不涉及React的内部渲染逻辑或类似的东西。

为了回答您关于它们为什么会出现的问题，我们需要对HTML或body进行更具体的全局样式更改。同样，一个你可以随意忽略的约定。

来源：https://reactjs.org/docs/rendering-elements.html及相关文档