In React try to call function to delay using setTimeout

Question

IN ReactNative I have created one loader and this loader show and hide using by function. But when I am trying to call this function in setTimeout this is not working it returns me error like this -> this.showLoader is not a function. is undefined. But when I am tried to without setTimeout it working fine.

export default class ThirdScreen extends Component<Props> {

  constructor(props) {
        super(props)

    this.state = 
    {
       isLoading: false
    }
    this.showLoader = this.showLoader.bind(this);
  }

  componentDidMount() {

    setTimeout(function(){
      this.showLoader()
    }, 1000);
     //this.showLoader()
    }

    showLoader () {
      this.setState({ isLoading: true });
    }

    hideLoader = () => {
      this.setState({ isLoading: false });
    }
}

Mohammed Ashfaq · Accepted Answer · 2018-09-26 14:28:36Z

2

Hopefully, this will solve your problem

setTimeout(()=> this.showLoader(), 1000)

answered Sep 26, 2018 at 14:28

Mohammed Ashfaq

3,4262 gold badges19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dakt · Accepted Answer · 2018-09-26 13:43:05Z

0

Looks like showLoader() function is declared inside componentDidMount() so it's not accessible via this pointer.

answered Sep 26, 2018 at 13:43

dakt

6501 gold badge10 silver badges24 bronze badges

Collectives™ on Stack Overflow

In React try to call function to delay using setTimeout

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related