Extraction et Remplacement de Texte dans JSX

Cet outil se concentre sur l'extraction de texte trouvé dans les balises JSX, générant un tableau composé de ces chaînes extraites. Ensuite, il vous permet de substituer le texte actuel dans le JSX par les chaînes de ce tableau.

Vous pouvez utiliser cette fonctionnalité de manière pratique pour une variété d'applications, y compris les tests UI/UX, le support multilingue et la localisation, l'optimisation pour le SEO, la réalisation d'évaluations d'accessibilité et la création de documentation ou de commentaires pour votre code.

Cas d'Utilisation

• Tests UI / UX
• Support Multilingue et Localisation
• Systèmes de Gestion de Contenu (CMS)
• Optimisation SEO
• Vérifications d'Accessibilité
• Génération de Documentation / Commentaires de Code

Instructions d'Utilisation

1. Veuillez entrer la balise JSX contenant les chaînes que vous souhaitez extraire dans le champ de saisie.
2. Cliquez sur le bouton d'extraction en bas de l'écran.
   • Vous pouvez choisir d'extraire uniquement ou d'effectuer à la fois l'extraction et le remplacement en utilisant les options de bouton à côté du bouton d'extraction.
   • Pour l'option d'extraction et de remplacement, vous pouvez spécifier le nom du tableau qui contiendra les textes remplacés dans le champ de saisie en bas de la zone de saisie. Lorsque vous appelez ce tableau dans votre code, utilisez le même nom de variable, et il sera remplacé en conséquence, y compris les accolades {}.
3. Vérifiez le champ de sortie pour le tableau / JSX et copiez-le selon vos besoins en utilisant le bouton de copie pour un usage gratuit.

Exemple d'Utilisation

<div>
  <Button onClick={onPlayMovie}>
  Play Movie
  </Button>
  <Button onClick={onUploadImage}>
  Upload Image
  </Button>
</div>

array

["Play Movie", "Upload Image"]

<div>
  <Button onClick={onPlayMovie}>
  {array[0]}
  </Button>
  <Button onClick={onUploadImage}>
  {array[1]}
  </Button>
</div>