问答详情
源自:3-3 React 生命周期

怎么我的时间不变化,定时器没作用

照着老师一模一样写的

怎么我的时间不变化,定时器没作用

提问者:qq_嶸歸_0 2018-10-09 16:17

个回答

  • 张轩
    2018-10-10 11:29:19
    已采纳

    拼写错误 componentDidMont 应该是 componentDidMount, 下次注意欧

  • 张轩
    2018-10-09 16:24:08

    代码贴来看看

  • qq_嶸歸_0
    2018-10-09 16:38:46

    import React, { Component } from 'react';
    import Clock from './Clock';

    class App extends Component {
    render() {
    return (
    <div>
    <Clock />
    </div>
    );
    }
    }

    export default App;

  • qq_嶸歸_0
    2018-10-09 16:38:11


    import React from 'react';

    class Clock extends React.Component{

    constructor(props){

    super(props);

    this.state={

    date:new Date()

    }

    }

    componentDidMont(){

    this.timer=setInterval( ()=>{

    this.setState({

    date: new Date()

    })

    }, 1000)

    }

    componentDidUpdate(currentProps,currentState){

    console.log(currentState)

    }

    componentWillUnmount(){

    clearInterval(this.timer)

    }

    render(){

    return(

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

    )

    }

     }

     export default Clock;


  • qq_嶸歸_0
    2018-10-09 16:36:10


    hao