如何在react中更新每一秒后的时钟？

import React from 'react';

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      time: new Date().toLocaleTimeString()
    };
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      time: new Date().toLocaleTimeString()
    });
  }

  render() {
    return (
      <div>
        <h1>当前时间：</h1>
        <h2>{this.state.time}</h2>
      </div>
    );
  }
}

export default Clock;

import React from 'react';
import Clock from './Clock';

function App() {
  return (
    <div>
      <Clock />
    </div>
  );
}

export default App;