typescript 将匿名函数作为prop传递会带来性能问题吗?

jei2mxaa  于 2023-04-22  发布在  TypeScript
关注(0)|答案(1)|浏览(98)

匿名函数和普通函数在每次渲染时都被重新创建。因为组件每次被调用时都是函数,所以所有函数都被重新创建,对吗?普通函数比匿名函数有任何性能改进吗?

function App() {
   function handleClick() {
       console.log('');
   }

   return(
     <>
      <Button onClick={handleClick} />
      <Button onClick={() => {console.log('');}} />
     </>
    );
}

我觉得唯一的好处是代码更易读。

31moq8wy

31moq8wy1#

普通函数与匿名函数相比是否有性能改进?
不,完全没有。这完全是风格/可读性的问题。
根据Button组件的实现(以及您在单击处理程序中所做的事情),您可能会**通过使用useCallback获得性能提升(有关更多信息,请参阅this question的答案[包括我的答案]),但这与函数是否命名无关。

相关问题