使用React

Question

我正在阅读this关于React的教程。

我尝试做this的例子。这是我的代码：

    import React from 'react'

    export default class App extends React.Component {      

    render() {

        function tick() {
            const element = (
                <div>
                    <h1>Hello, world!</h1>
                    <h2>It is {new Date().toLocaleTimeString()}.</h2>
                </div>
            );
        }

        return (    
            setInterval(tick, 1000) 
        );

    } 
} 

这行不通，我没有收到任何错误，但没有达到应有的作用。

---

我得到的错误是：

Answer 1

您需要将tick()函数移出render方法，而render方法需要一个return语句

      tick = () => {
          const element = (
              <div>
                 <h1>Hello, world!</h1>
                 <h2>It is {new Date().toLocaleTimeString()}.</h2>
             </div>
          );
          return element;
       }

      render(){
          return (    
               <div>{setInterval(this.tick(), 1000)}</div>
           );
      }