重定向时，外部JS在react-router-dom中不起作用

在React中使用react-router-dom进行页面导航时，重定向时外部JS可能不起作用的原因有以下几点：

1. 组件加载顺序：在React中，组件的加载是异步的，而外部JS的加载是同步的。当发生重定向时，新的组件可能还没有完全加载完成，导致外部JS无法正确绑定到新的组件上。
2. 生命周期问题：重定向可能会导致组件的卸载和重新加载，而外部JS可能在组件卸载时没有正确清理，或者在重新加载时没有重新绑定。

解决这个问题的一种方法是使用React的生命周期方法来处理外部JS的加载和卸载。可以在组件的componentDidMount方法中加载外部JS，在componentWillUnmount方法中卸载外部JS。这样可以确保在组件加载完成后，外部JS已经正确绑定到组件上，并且在组件卸载时能够正确清理。

另外，如果外部JS是通过<script>标签引入的，可以考虑将其封装成React组件，并使用React的动态加载功能（如React.lazy和Suspense）来加载和渲染该组件。这样可以确保在组件加载完成后再加载外部JS，并且可以更好地控制其加载和卸载的时机。

在React中，可以使用react-helmet库来动态加载和管理外部JS。该库提供了Helmet组件，可以在组件中动态添加和删除<script>标签。具体使用方法可以参考react-helmet官方文档。

总结起来，解决重定向时外部JS不起作用的问题，可以通过以下步骤来实现：

1. 在组件的componentDidMount方法中加载外部JS，确保在组件加载完成后执行。
2. 在组件的componentWillUnmount方法中卸载外部JS，确保在组件卸载时执行清理操作。
3. 可以考虑使用react-helmet库来动态加载和管理外部JS的<script>标签。

以上是针对重定向时外部JS在react-router-dom中不起作用的解决方案，希望对您有帮助。