请问关于react组件中这个tick()怎么来的不用声明么？没看懂求大神解答？

Question

react组件中这个tick()怎么来的不用声明么？没看懂求大神解答

Answer 1

这是他自己定义的一个私有函数，只不过省略了function关键字(这是ECMAScript2015或者说成ES6的写法)，上面setInterval函数中的箭头函数也是ES6中的写法。

我总体给你解释一下吧，在你的例子中函数的执行顺序：

1. 首先是挂载阶段，构造函数constructor，页面渲染render，componentDidMount。执行componentDidMount时，设置间隔为1秒的setInterval间隔函数间隔触发自定义的tick函数。

2. 更新阶段render再次执行，更新时间；

3. 卸载阶段componentWillUnmount，调用clearInterval函数清除setInterval间隔函数，防止内存泄漏。