reactjs – 使用React的基本示例

发布时间：2020-12-15 20:30:45 所属栏目：百科来源：网络整理

导读：我正在阅读关于React的 this教程. 我尝试做this的例子.这是我的代码： import React from 'react' export default class App extends React.Component { render() { function tick() { const element = ( div h1Hello,world!/h1 h2It is {new Date().toLocal

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

我尝试做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) 
        );

    } 
}

它不起作用,我没有错误,但它没有做它应该做的事情.

enter image description here

我得到的错误是：

enter image description here

解决方法

您需要将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>
           );
      }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!