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

来源:3-3 React 生命周期

qq_嶸歸_0

2018-10-09 16:17

照着老师一模一样写的

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

写回答 关注

5回答

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

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

    qq_嶸歸_... 回复张轩

    谢谢!

    2018-10-12 11:18:45

    共 3 条回复 >

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

    代码贴来看看

    qq_嶸歸_...

    import React, { Component } from 'react'; import Clock from './Clock'; class App extends Component { render() { return ( <div> <Clock /> </div> ); } } export default App;

    2018-10-09 16:37:29

    共 1 条回复 >

  • 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;


    张轩

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

    2018-10-10 11:28:53

    共 1 条回复 >

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


    hao

基于实例的 React16 傻瓜课程

通过一系列简单有趣的例子,让你了解 React16 的基本概念和新特性

22323 学习 · 103 问题

查看课程

相似问题