Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

DatePicker - multiple validators should render separate helper texts

Offen
#11,712 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
react, typescript
Bereich
frontend

Rechercherichtung

Beginne damit, den Einstiegspunkt von DatePicker sowie das aktuelle Rendering von HelperText und die Behandlung von validator zu finden. Stelle fest, wie mehrere Fehlermeldungszeichenfolgen von validator dargestellt werden, implementiere dann das fertige Verhalten so, dass für jede zurückgegebene Fehlermeldungszeichenfolge ein separates HelperText-Element vorhanden ist, und überprüfe das Verhalten von DatePicker.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Breaking change :boom: PF Team

Is this a new component or an extension of an existing one?
DatePicker

Describe the feature
Currently DatePicker renders only a single HelperText for errors, regardless of how many validators may be passed in. If multiple validators return a error string, each string is added to a single string state with an escaped newline between them, resulting in a single helper text item (with the intent being each validator string will be separated by a new line, but it doesn't seem like that is happening for me, i.e. it all gets rendered as a single line).

Instead we should create a new HelperText item for each validator that returns an error string so as to be less confusing if multiple errors are being rendered.

CC @andrew-ronaldson is this the intended behavior, or is there something else in mind for multiple validators returning error text?

Are there visuals for this feature? If applicable, please include examples for each state and for varying widths
Include screenshots or links to Marvel or other mockups.

Any other information?

Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus patternfly/patternfly-react

Alle Issues in patternfly/patternfly-react

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.