每个 React 组件都必须有一个 render()
函数。渲染函数用于返回要在组件中显示的 HTML。如果需要渲染多个 HTML 元素,则需要在单个封闭标记(父标记)中组合在一起,例如 <div>
、<form>
、<group>
等。此函数每次调用时返回相同的结果 .
示例:如果需要显示标题,可以按如下方式进行:
import React from 'react'
class App extends React.Component {
render (){
return (
<h1>Hello World</h1>
)
}
}
export default App
注意事项:
- 每个
render()
函数都包含一个 return 语句。 return
语句只能有一个父 HTML 标记。