Wie kann ich ein Skript mit react laden?

Question

Ich habe ein Skript, das am Anfang meiner Seite geladen wird, das ist ein externes Skript, das einige Animationen enthält. Die Sache ist, wenn meine Routen geändert werden, sind meine Skriptanimationen verloren. Ich muss die Seite erneut laden, um sie zu sehen.

Ich verwendete react-load-script aber kann nicht scheinen, einen Weg zu finden.

Vielen Dank für Ihre Zeit.

Answer 1

Ich bin mir nicht sicher, ob es Ihnen helfen, wenn Sie nicht viele Informationen geben, aber man könnte versuchen, ein Skript-Tag zu injizieren Ihre Animation neu zu laden:

function reloadAnimation() { 
    const [ head ] = document.getElementsByTagName('head'); 
    const script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = 'your_animation_script.js'; 
    head.appendChild(script); 
} 

Und nennen es jedes Mal, Eine Route ändert sich:

<Route path="/" onChange={reloadAnimation} ...> 
    ... 
</Route>