匿名函数和普通函数在每次渲染时都被重新创建。因为组件每次被调用时都是函数,所以所有函数都被重新创建,对吗?普通函数比匿名函数有任何性能改进吗?
function App() {
function handleClick() {
console.log('');
}
return(
<>
<Button onClick={handleClick} />
<Button onClick={() => {console.log('');}} />
</>
);
}
我觉得唯一的好处是代码更易读。
1条答案
按热度按时间31moq8wy1#
普通函数与匿名函数相比是否有性能改进?
不,完全没有。这完全是风格/可读性的问题。
根据
Button
组件的实现(以及您在单击处理程序中所做的事情),您可能会**通过使用useCallback
获得性能提升(有关更多信息,请参阅this question的答案[包括我的答案]),但这与函数是否命名无关。