settimeout瞬间执行了



  • import React, {
    Component
    } from 'react';
    import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    } from 'react-native';
    class TimersDemo extends Component {
    constructor(props) {
    super(props);
    this.state = {
    content: '',
    msg: ''
    }
    }
    componentDidMount() {
    this.timer = setTimeout(() => { this.setState({ content: '我是定时器打印的内容...One' })},15000
    );
    this.timer_two = setTimeout( () => { this.setState({ msg: '我是定时器打印的内容...Two'})},11000
    );
    }
    componentWillUnmount() {
    this.timer && clearTimeout(this.timer);
    this.timer_two && clearTimeout(this.timer_two);
    }
    render() {
    return (
    <View style={{margin:20}}>
    <Text style={styles.welcome}>
    定时器实例
    </Text>
    <Text>{this.state.content}</Text>
    <Text>{this.state.msg}</Text>
    </View>
    );
    }
    }
    const styles = StyleSheet.create({
    welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    },
    });

    AppRegistry.registerComponent('RNApp', () => TimersDemo);

    这2个计时器我分别设置了15秒和11秒 为什么在运行的时候 瞬间就执行了呢



  • @fireup 我这边运行起来是正常的效果,先是显示
    我是定时器打印的内容...Two,
    再过几秒是
    我是定时器打印的内容...One
    我是定时器打印的内容...Two。
    定时器是正常运行的。


  • administrators

    这是个已知问题,看官方 issue,开 chrome debuger 的时候才会这样

    talk is cheap, show me the code

    0

登录后回复