Une application Symfony - React Spa. Le problème de rechargement

DEV - 15/02
Introduction Dans cet article, je voudrais partager avec vous un problème que j'ai rencontré pendant que ...
!DOCTYPE html

Introduction

Dans cet article, je voudrais partager avec vous un problème que j'ai rencontré tout en développant un spa en réaction dans un projet Symfony et comment je l'ai résolu.

Le contexte

Je travaille sur une application basée sur Symfony qui utilise Symfony UX pour intégrer un frontend React-SPA dans l'application Symfony. Le frontend React est chargé à l'aide d'un contrôleur Symfony qui rend un fichier brindille qui rend le composant React principal:

# [Route ('/ app', nom: 'get_app', méthodes: ['get'])] fonction publique getApp (): réponse {return $ this-> render ('app.html.twig'); }
Entrez le mode de sortie en mode plein écran

Le fichier Twig rend simplement le composant React principal qui charge le spa React.

{% Block Title%} Bienvenue! {% endblock%}{% Block Stylesheets%} {{{Encore_entry_link_tags ('app')}} {% endblock%} {% Block Javascripts%} {{{% ENCORE_ENTRY_Script_tags ('app')}} {% endblock%}
Entrez le mode de sortie en mode plein écran

Le React Main AppComponent ressemble à ceci:

Exporter la fonction default app () {const Wallet: Wallet = USESTelLarWallet (WalletNetwork.TestNet); retour (} />} />}>} />} />} />} />} />} />)); }
Entrez le mode de sortie en mode plein écran

Comme vous pouvez le voir, il utilise le composant du routeur React pour définir l'arborescence des routes.

Le problème

J'utilise le React-Router pour gérer la navigation React Spa dans le crochet usenaGIGATE. C'est un moyen efficace de naviguer entr...
[Courte citation de 8% de l'article original]