const和function,哪一种写法更好

来源:1-1 课程导学

蓝色西西

2022-03-14

老师,在react页面中,用const和function两种写法,哪一种更好些?

const StateTutorial = () =>{
const [counter,setCounter] = useState(0);

**const increment = () =>** {
    setCounter(counter + 1);
}

return (
    <div>
     {counter}
     <button onClick={increment}>Increment</button>
    </div>
)

}

function StateTutorial(){
const [counter,setCounter] = useState(0);

**function increment()**{
    setCounter(counter + 1);
}

return (
    <div>
     {counter}
     <button onClick={increment}>Increment</button>
    </div>
)

}

写回答

1回答

Jokcy

2022-03-31

对于组件我更倾向于用function,因为arrow function是匿名的,你会在react devtool中没法根据函数名来找到组件,而function可以

0
1
蓝色西西
非常感谢!
2022-04-13
共1条回复

全栈进阶课程 React16.8+Next.js+Koa2一步到位开发Github

学习React/Next.js服务端渲染SSR同构设计方案,理解OAuth登录体系的实现原理

651 学习 · 311 问题

查看课程