首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么ReactJS组件(它是一个函数)必须放在ReactDom.render()方法的内部标记中?

为什么ReactJS组件(它是一个函数)必须放在ReactDom.render()方法的内部标记中?
EN

Stack Overflow用户
提问于 2022-02-04 02:49:19
回答 1查看 22关注 0票数 0

总的来说,我对ReactJS和JavaScript非常陌生,所以我很难理解语法。

我有以下非常基本的组成部分:

代码语言:javascript
运行
复制
import React from 'react'
import ReactDom from 'react-dom'

function Greetings()
{
  return <h1>Hello World</h1>
}

我试着用下面的一行来渲染:

代码语言:javascript
运行
复制
ReactDom.render(<Greetings/>, document.getElementById('root'))

现在,我很难理解语法:

ReactDom.render(<Greetings/>, document.getElementById('root')),其中Greetings()是一个函数。

那么,把它封装在标签中意味着什么呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-04 02:56:37

语法称为JSX。通过使用JSX,您可以有效地调用React.createElement()。因此,如果您不想使用JSX (<Component>),可以用React.createElement(Component)替换它。事实上,这就是Babel在使用React时所做的工作:用对React.createElement的调用替换所有的JSX标记。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70980879

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档