ReactJS中的render和return有什么区别？

我是新来的JavaScript。我看到很多地方return and render使用中只是想知道它们之间有什么区别。

render当您使用类方法编写 React 组件时，方法是必需的

根据文档：

The render()需要方法。

当调用时，它应该检查this.props and this.state和 返回以下类型之一：

反应元素。通常通过 JSX 创建。元素可以是本机 DOM 组件的表示(<div />)，或一个 用户定义的复合组件(<MyComponent />).

字符串和数字。它们在 DOM 中呈现为文本节点。

Portals.创建于ReactDOM.createPortal。无效的。不渲染任何内容。

布尔值。不渲染任何内容。 （主要是为了支持返回测试 && 模式，其中 test 是布尔值。）

本质上 render 是一种生命周期方法，每当组件需要更新时就会调用它。

至于return语句，它用于返回data/response/JSX elements取决于它的使用地点。如果在渲染方法中使用，您需要返回上述指定类型之一（React 元素、字符串和数字、门户或布尔值）。

return来自其他函数可以返回从该函数计算的值或return要渲染的 React 元素render method

Functional components不要定义一个render方法，而是使用一个方法返回 React 元素explicit return statement or an implicit return

例如：显式返回

const Welcome = (props) => {
  return <h1>Hello, {props.name}</h1>;
}

例如：隐式返回

const Welcome = (props) => (
     <h1>Hello, {props.name}</h1>;
)