learn-co-students / react-component-mounting-and-unmounting-lab-online-web-sp-000 Goto Github PK

As mentioned, the Take me off! button will incorrectly start taking pancakes off the end of the stack. This seems to be an issue with using index as a key. After line 44 of the original Game.js file is changed to
const pans = pancakes.map(pancake => <Pancake key={pancake} id={pancake} takeItOff={this.takeItOff} />);
the code works as intended, since pancake (which is a Date), provides better uniqueness.