Question

我是Java脚本的新手。我看到许多地方返回并渲染被使用只是想知道它们之间的差异。

Answer 1

渲染是组件中实际调用的内容，返回的是＆＃34;呈现＆＃34;。您可以在渲染中记录，设置变量，条件渲染等，但返回是实际输出的

render() {
console.log("Test")
const test = "test"
  return(
    <h1>Hi</h1>
  )
}

Answer 2

返回和渲染不同。渲染是一种反应方法。 return只是用于返回输出的纯JavaScript。没什么复杂的。

Answer 3

在最新版本（v16）之前的React中，大多数React组件都是基于类的。在基于类的组件中，您调用render()方法，然后return调用所需的JSX（类似于javascript mix的html）。随着React 16+的更新，对不具有render()方法的功能组件的使用有所增加，而是直接返回JSX。例如，功能组件的语法可能是这样的：

const NewComponent = (props) => {
   return (
           <div>
               <h1>Title</h1>
           </div>
    )
}

或者，您可以在功能组件中隐式地返回JSX，而无需使用return语句：

const NewComponent = (props) => (
   <div>
       <h1>Title</h1>
   </div>
)

这两个都将与基于类的组件一样显示：

class NewComponent extends React.Component {
    render() {
        return (
            <div>
               <h1>Title</h1>
            </div>
        )
    }
}

您可以在https://reactjs.org/docs/components-and-props.html

阅读更多内容

Answer 4

“ render 方法返回对DOM外观的描述，然后React有效地更新实际DOM以进行匹配。”

有关了解区别的最佳示例，请查看以下链接：https://quickleft.com/blog/understanding-the-difference-between-react-elements-and-components/

Answer 5

在反应中，渲染是一种告诉反应显示内容的方法。方法或函数中的return是方法或函数的输出。

Answer 6

渲染是一种告诉反应要显示什么的方法。

返回是一种方法/提供函数的输出

Answer 7

render（）就像球赛开始前的热身和计划短语。每个人都知道会发生什么，然后返回的是实际执行render（）应该发生的事情的球员。

Answer 8

渲染是您要触发多次的精确对象。

返回是您要显示的内容。

例如。

渲染（）{

let cardDisplay =一些您想多次触发的随机文本。（例如，显示公司员工的姓名）}

返回

（ {cardDisplay} ）

说明：您要显示公司中的员工列表。因此请多次返回要触发（重复）的变量。在Render内部，写下您要重复的逻辑。

reactjs中渲染和返回有什么区别？

8 个答案: