Update example

Author: xJkit

example/src/Containers/Portfolio.js

@@ -1,4 +1,6 @@
 import React from 'react';
+
+/** Use Your Own Custom Save Reminder Component */
 import SaveReminder from '../components/SaveReminder';
 
 class Portfolio extends React.Component {
@@ -15,7 +17,11 @@ class Portfolio extends React.Component {
     const isValueModified = initialValue !== currentValue;
     return (
       <div>
-        <SaveReminder when={initialValue !== currentValue} />
+        <SaveReminder
+          when={initialValue !== currentValue}
+          alertBeforeUnload
+          alertMessage="No! No! No! Save before leave! Do you want to leave? Q.Q" // only work for IE
+        />
         <h2>Portfolio Page</h2>
         <span>Your Name:</span>
         <span>

example/src/Containers/Settings.js

@@ -20,7 +20,7 @@ class Settings extends React.Component {
         <GoodBye
           when={isModified}
           alertBeforeUnload
-          alertMessage="Save before leave. Do you want to continue?" // only work for IE
+          alertMessage="No! No! No! Save before leave! Do you want to leave? Q.Q" // only work for IE
         >
           {({ isShow, handleOk, handleCancel }) =>
             isShow && (

example/src/components/SaveReminder.js

@@ -9,8 +9,8 @@ import '@trendmicro/react-modal/dist/react-modal.css';
 /** */
 
 /** Custom Common Save Reminder Modal */
-export default ({ when }) => (
-  <GoodBye when={when}>
+export default (props) => (
+  <GoodBye {...props}>
     {({ isShow, handleCancel, handleOk }) => isShow && (
         <Modal
           show