为什么 render 里的 log 被调用两次？

import React from 'react'

class Clock extends React.Component {

 constructor(props){

   super(props)

   this.state = {

     time: new Date()

   }

 }

 //生命周期函数 组件创建完成

 componentDidMount(){

   //创建定时器,间隔 1s

   this.timer = setInterval(() => {

     this.setState({

       time: new Date()

     })

   }, 1000);

 }

 //生命周期函数 组件更新

 componentDidUpdate(currentProps,currentState){

    console.log(currentState);

 }

 //生命周期函数 组件即将销毁

 componentWillUnmount(){

   clearInterval(this.timer)

 }

 render(){

    console.log('---render---'); //调用两次

   return (

     <div>

       <h2 >电子时钟</h2>

       <br></br>

       <h1>{this.state.time.toLocaleTimeString()}</h1>

     </div>

   )

 }

}

export default Clock;