小编Ama*_*mar的帖子

谁能向我解释一下将 JSX 组件渲染为函数和标签之间的主要区别。实现的结果是相同的，但不知何故，如果我渲染 JSX 组件（例如<Display/>在屏幕上显示闪烁），但渲染组件（例如{Display()}工作绝对正常）。对于这两种情况，组件都会重新渲染。

注意：我在页面之间导航，每次导航回屏幕时，我都会有意重新渲染它以更新前一个屏幕。

const App = ()=> {
  const Display = ()=>{
   console.log(" === Rendering display ===")
   return (
     <h1> Hello there.. </h1>
   )

  return(
  <div>
    <Display/>
    {Display()}
  </div>

}