reagent-project/reagent-forms

Select input doesn't repaint selected value when state is changed externally

Open

#19 geöffnet am 7. Nov. 2014

Auf GitHub ansehen
 (21 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)HTML (78 Forks)batch import
help wanted

Repository-Metriken

Stars
 (337 Stars)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

The :select list control doesn't display the correct value when initiated with state.

For example, if I pass `(atom {:status "P"}) into this form:

   (row "Status" [:select.form-control {:field :list :id :status}
                  [:option {:key "A"} "Active"]
                  [:option {:key "P"} "Paused"]
                  [:option {:key "X"} "Archived"]])

NOTE: I've tried both strings and keywords for the value of the :key attribute.

The form will render with the first option displayed ("Active"). The atom will continue to hold the value of "P" until the user selects a new value from the select.

The issue is also illustrated on the examples page where the select should display bar but instead displays foo.

I tested this in both the latest releases of Chrome and Firefox on OSX.

Contributor Guide

Research-Richtung
Die Select Komponente aktualisiert ihren angezeigten Wert nicht, wenn das zugrunde liegende Atom extern geändert wird. Untersuche den reagent forms Quellcode, insbesondere die Implementierung der Select Komponente, um zu verstehen, wie sie ihren Wert initialisiert und aktualisiert. Sieh dir die in dem Issue erwähnte Beispielseite an, um das Problem zu reproduzieren. Berücksichtige, wie die Formularverarbeitung und Lebenszyklusmethoden von Reagent die Wertbindung beeinflussen. Überprüfe die Diskussion in den Kommentaren auf vorgeschlagene Lösungen oder Erkenntnisse.
Tech Stack
reacthtmlcss
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Veraltet
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
basic ClojureScriptReagent
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
50