add destroy call via context to ParallaxTest 💥☠️

Author: jscottsmith

example/components/ParallaxTest/ParallaxTest.js

@@ -1,11 +1,16 @@
-import React from 'react';
+import React, { Component } from 'react';
+import { PropTypes } from 'prop-types';
 import { Parallax } from 'react-scroll-parallax';
 import style from './ParallaxTest.scss';
 
 const INC_AMOUNT = 10;
 const START_NUM_ELEMENTS = 10;
 
-export default class ParallaxTest extends React.Component {
+export default class ParallaxTest extends Component {
+    static contextTypes = {
+        parallaxController: PropTypes.object.isRequired,
+    };
+
     state = {
         elements: new Array(START_NUM_ELEMENTS).fill(null).map((x, i) => i),
         offsetY: INC_AMOUNT,
@@ -14,6 +19,10 @@ export default class ParallaxTest extends React.Component {
         disabled: false,
     };
 
+    triggerDestroy = () => {
+        this.context.parallaxController.destroy();
+    };
+
     handleAdd = () => {
         const elements = [...this.state.elements, this.state.elements.length];
         this.setState({
@@ -158,6 +167,14 @@ export default class ParallaxTest extends React.Component {
                             {this.state.disabled ? 'Enable' : 'Disable'}
                         </button>
                     </div>
+                    <div className={style.currentState}>
+                        <h4>
+                            Destroys the ParallaxController. :-(
+                        </h4>
+                        <button onClick={this.triggerDestroy}>
+                            Destroy
+                        </button>
+                    </div>
                 </div>
             </div>
         );