总的来说,我对ReactJS和JavaScript非常陌生,所以我很难理解语法。
我有以下非常基本的组成部分:
import React from 'react'
import ReactDom from 'react-dom'
function Greetings()
{
return <h1>Hello World</h1>
}
我试着用下面的一行来渲染:
ReactDom.render(<Greetings/>, document.getElementById('root'))
现在,我很难理解语法:
ReactDom.render(<Greetings/>, document.getElementById('root'))
,其中Greetings()
是一个函数。
那么,把它封装在标签中意味着什么呢?
发布于 2022-02-04 02:56:37
语法称为JSX。通过使用JSX,您可以有效地调用React.createElement()
。因此,如果您不想使用JSX (<Component>
),可以用React.createElement(Component)
替换它。事实上,这就是Babel在使用React时所做的工作:用对React.createElement
的调用替换所有的JSX标记。
https://stackoverflow.com/questions/70980879
复制相似问题