Fix issue #28 by unmounting route target before mounting a new one.

dsuryd · Jun 16, 2017 · 706dc9c · 706dc9c
1 parent f315ac9
commit 706dc9c
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git a/WebApplication.Core.React/wwwroot/lib/dotnetify-react.js b/WebApplication.Core.React/wwwroot/lib/dotnetify-react.js
@@ -151,7 +151,7 @@ var dotnetify = typeof dotnetify === "undefined" ? {} : dotnetify;
       });
 
       dotnetify.react = $.extend(dotnetify.hasOwnProperty("react") ? dotnetify.react : {}, {
-         version: "1.0.2-beta",
+         version: "1.0.3-beta",
          viewModels: {},
          plugins: {},
 
@@ -398,6 +398,13 @@ var dotnetify = typeof dotnetify === "undefined" ? {} : dotnetify;
                return;
             }
 
+            try {
+               _ReactDOM.unmountComponentAtNode(document.querySelector(iTargetSelector));
+            }
+            catch (e) {
+               console.error(e);
+            }
+
             try {
                var reactElement = _React.createElement(window[iReactClassName], iReactProps);
                _ReactDOM.render(reactElement, document.querySelector(iTargetSelector));

diff --git a/dist/dotnetify-react.js b/dist/dotnetify-react.js
@@ -151,7 +151,7 @@ var dotnetify = typeof dotnetify === "undefined" ? {} : dotnetify;
       });
 
       dotnetify.react = $.extend(dotnetify.hasOwnProperty("react") ? dotnetify.react : {}, {
-         version: "1.0.2-beta",
+         version: "1.0.3-beta",
          viewModels: {},
          plugins: {},
 
@@ -398,6 +398,13 @@ var dotnetify = typeof dotnetify === "undefined" ? {} : dotnetify;
                return;
             }
 
+            try {
+               _ReactDOM.unmountComponentAtNode(document.querySelector(iTargetSelector));
+            }
+            catch (e) {
+               console.error(e);
+            }
+
             try {
                var reactElement = _React.createElement(window[iReactClassName], iReactProps);
                _ReactDOM.render(reactElement, document.querySelector(iTargetSelector));