When use 2 countdowns, when first finished, it stops the second too.

[yan87]

Hi,

I am new with React, I try use 2 countdown clocks, the problem when the first finished (onComplete), the second one stops. How can I run multiple react-countdown-clock?

[pughpugh]

Sorry for the delayed response. If this is still a problem, please post an example and I will take a look.

[zchauhan]

@pughpugh This is still an issue.

[pughpugh]

OK thanks @zchauhan , I will take a look.

[zchauhan]

@pughpugh

The issue is with below code

_stopTimer: ->
    for timeout in @_timeoutIds
      clearTimeout timeout

[pughpugh]

Yup. Timeout IDs need to be stored in state, not on the component definition. They are currently bleeding across instances. I think this is the cause of a number of problems at the moment.

[zchauhan]

Yes, You are right. I am wondering how props can be shared ? May be due to passByRefference nature for object/array in javascript ?

[dannykoshy]

Any update on this?

[Simek]

Bump! Any news or workaround?

[dannykoshy]

Hey thanks,

I had solved it. Cheers!

On Mon, Jun 11, 2018 at 5:12 PM Bartosz Kaszubowski < [email protected]> wrote:

I've manage to implement little, dirty w/o in which I've override start/stop methods and lift timeoutIds to component wrapper state:

export default class Counter extends ReactCountdownClock { constructor(props) { super(props); this.state = { tids: [] };

  this._stopTimer = () => {
  	for (let timeout in this.state.tids) {
  		clearTimeout(timeout);
  	}
  };

  this._startTimer = () => {
  	this.setState({ tids: setTimeout(this._tick(), 200)});
  };

} }

It's not pretty or solid code but works.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/pughpugh/react-countdown-clock/issues/41#issuecomment-396193176, or mute the thread https://github.com/notifications/unsubscribe-auth/AXaLR7-DWw4sbrNMMsNdRHzunsd4rjEaks5t7kKBgaJpZM4QZvox .

[obrejla]

Hi all,

also bumped into this... It's really a blocker, is the fix planned?

Thanks a lot.