此反应代码中的 setInterval() 不起作用，我只是有时间

Question

在此代码中 setInterval() 不起作用，只给出一次时间！ 我也在学习，我只想使用组件而不是功能组件。

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Tick extends Component {
     constructor(){
          super();
          this.state ={result: ''}
     }
     timer= () => {
         this.setState({result: <h2>It is {new Date().toLocaleTimeString()}.</h2>})  
     }
     inter = () => {
          setInterval(this.timer(), 1000);
     }
     render() {
          return (
          <div>
              <h1>Hello, world!</h1>
              {this.state.result}
              <button onClick={this.inter} >start</button>
          </div>
          );
     }    
}

ReactDOM.render(<Tick />, document.getElementById('root'));