Encountered undefined value during string replacement and weird behaviour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- javascript, react
- Domaine
- frontend
Piste de recherche
Commencez par l’appel reactStringReplace et l’expression régulière fournis, en reproduisant la sortie avec la chaîne d’exemple. Suivez la manière dont les groupes de capture sont transmis à la fonction de remplacement ; c’est terminé lorsque chaque jeton {form x} et {form x:y} est remplacé une fois par les données de correspondance attendues.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
I have this string:
let text = "{form 1} {form 2} {form 1:3}";
and this regexp:
/{form (\d+(:\d+)?)}/g
that should match {form x} and {form x:y}
I am executing:
text = reactStringReplace(text, /{form (\d+(:\d+)?)}/g, (match, i) => {
return 'match: ${match}, i: ${i}';
});
then in the return of my component I have this:
return (
<div className={"cfs-dove__thread-content-message"}>
{replacedText &&
replacedText.map((el, i) => {
return (
<p key={`lettercontent${i}`} dangerouslySetInnerHTML={{ __html: el }}></p>
);
})}
</div>
);
and this is de output:
<div class="cfs-dove__thread-content-message">
<p>match: 1, i: 1</p>
<p>2</p>
<p>match: 1:3, i: 7</p>
<p>:3</p>
<p>match: , i: 9</p>
</div>
As you can see, the first and third <p> are fine. But the rest aren`t.
The second is the matched value of {form 2} but didn't enter in the replace function.
The forth is only part of the matched value of {form 1:3} and also didn't enter in the function.
And the last did enters in the replace function but the match is "";
- Langage dominant
- JavaScript
- Étoiles
- 666
- Forks
- 54
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Nous n'avons pas encore vérifié les fichiers d'installation de ce projet. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de iansinnott/react-string-replace
-
not a replacement functionOuverte
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
iansinnott/react-string-replace#89 · 1 réaction ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 38/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 30/100
iansinnott/react-string-replace#64 · 2 commentaires · 2 réactions ·
-
Capture groups?Ouverte
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
iansinnott/react-string-replace#58 · 4 commentaires · 15 réactions ·
Toutes les issues de iansinnott/react-string-replace
Issues similaires
-
refactor
Difficulté 2/5 Une demi-journée Accessibilité débutants 84/100
Les mainteneurs répondent en général sous 5 jours
-
translation
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
ciderapp/translations#87 · 1 commentaire ·
-
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
Les mainteneurs répondent en général sous 1 jour
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 67/100
Les mainteneurs répondent en général sous 1 jour
-
component: split-view platform: windows
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
zen-browser/desktop#15616 · 1 réaction ·
Les mainteneurs répondent en général sous 1 jour