易百教程

15、React 中 render() 的用途是什么?

每个 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 标记。