react函数返回jsx语法,通过自调用 或者 组件写法的区别

在开发中遇到了一些问题,一个返回jsx语法的函数 function T。
在组件内通过 自调用 T() 或者 组件<T/> 之间的区别。

image.png

代码运行时发现,每次数据更新,组件形式调用的函数,都会重新渲染。
在上面,每次setCount更新为新值。<T/> 都会被重新渲染
真的挺疑惑,希望大佬能解答下。
(自己猜测, 通过自调用直接返回相关HTML / 组件。被调用完毕后返回的 HTML 和 组件 原函数已经彻底没了关系。即使函数返回新引用,也不会重新渲染。)
(函数组件的形式,每次更新数据,函数引用不同。都会重新渲染)
(不知道自己猜测对不对)

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题