How can I close the loader within the component?

[willemevenwel]

Hi,

I have included your library as suggestion in code as a component. I would like the loader to close itself after a certain amount of time has passed. The loader shows because of the property assigned to this.props.loading, however, I can not set that property after a delay, because of the inaccessibility of props.

Your guidance would be appreciated.

Regards,

Willem

[shamin]

Hi @willemevenwel ,

Here is a codesandbox example https://codesandbox.io/s/old-tree-tdif9?file=/src/App.js for showing loader for a certain amount of time. I have used a loading state variable and set the loading to false after 3 seconds. Happy to help if you need more.

[willemevenwel]

Bro, you are an absolute star!! Thanks so much.

[willemevenwel]

In essence I completely understand. But I want to implement this on the Loading component, not on the parent component using the Loading component.

[shamin]

This is a very simple library and I wanted to keep it simple so that it is easily customisable. You can easily copy paste the lib/loading.js and lib/style.css to your react project and customise it.