Tag: react-select

Wählen Sie eine Steuerung gebaut mit und für Reagieren JS

Formik & yup Formular-Validierung funktioniert nicht wie erwartet mit VirtualizedSelect

Anzahl der Antworten 1 Antworten
Ich ein Formular erstellt mit formik, um Formular-Validierungen. Ich habe die Komponenten Formik, Form, Feld, form formik und konfiguriert Sie: import { Formik, Form, Field } from "formik"; import { object, string } from "yup"; import isEmpty

Styling reagieren-wählen Sie v2 mit material-ui - Input-Komponente Ersetzen

Anzahl der Antworten 1 Antworten
Ich habe ein Problem mit dem Austausch der Input-Komponente für reagieren-wählen Sie v2 mit dem Input-Komponente, aus Material UI. Habe ich den Versuch gemacht, die bisher in der codesandbox unten, aber nicht in der Lage, zum aufrufen

Bedingt deaktiviert, wählen Sie die option in Reagieren

Anzahl der Antworten 2 Antworten
Baute ich mein eigenes Reagieren Komponente auswählen und hätte gerne eine option, um den Standardwert zu sein disabled Die Komponente, die im Grunde wie folgt aussieht: <select id={this.props.id} name={this.props.name} value={this.props.value} defaultValue={this.props.default} onClick={this.handleFieldClick} onChange={this.handleFieldChange} > <option value="" disabled={this.defaultDisabled

Default-Wert reagieren-wählen Sie

Anzahl der Antworten 2 Antworten
ich habe eine reagieren-Komponente auswählen, die ich machte, kompatibel mit redux-form. Meine SelectInput Komponente ist: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} /> ); und ich render

Wie zu verwenden Select2 mit Reactjs?

Anzahl der Antworten 5 Antworten
Ich habe abhängigen Feldern wie diese <List> <select> <option></option> <option></option> </select> <select> <option></option> <option></option> </select> <input /> </List> Hätte ich 5 <List/> Komponenten.Wie füge ich Select2 der einzelnen Komponenten.Ich googelte online.Konnte aber keine funktionierende Lösung. Code unten

Reagieren Wählen Sie automatische Größe Breite

Anzahl der Antworten 2 Antworten
Bei der Verwendung react-select es ist nicht automatisch Größenanpassung von option Wert, aber mit width:100% wie Sie sehen im Bild: Optionen sind kurz: getOptions() { return [ { value: 'AND', label: 'AND' }, { value: 'OR', label:

Wie Sie programmgesteuert löschen/reset reagieren-wählen Sie v2?

Anzahl der Antworten 5 Antworten
ReactSelect V2 (Beta 5) scheint haben mehrere Requisiten wie clearValue, resetValue und setValue. Was auch immer ich versuche, ich bin nicht in der Lage, heben Sie die Auswahl programmgesteuert ändern. resetValue scheint nicht von außen zugänglich sein.

reagieren-wählen Sie die option mehrere

Anzahl der Antworten 1 Antworten
Ich versuche react-select Komponente zum einfachen select mit multiple Optionen, aber ich kann Sie nicht arbeiten, obwohl es ist alles so eingestellt wie docs sagen. Wenn multi ist false, Select funktioniert wie vorgesehen mit einem value zu

Wie Stil reagieren-wählen Sie Optionen

Anzahl der Antworten 4 Antworten
Was ist der beste Weg, um Stil eine react-select Komponente (https://github.com/JedWatson/react-select) Optionen? Kann ich das Ziel wählen Sie selbst ganz gut, mit so etwas wie: ... import Select from 'react-select' ... const styles = { fontSize: 14,

Versprechen.dann ist keine Funktion - Handhabung mehrere API-Aufrufe in Reagieren

Anzahl der Antworten 2 Antworten
Ich bin mit reagieren-wählen Sie zu auto-vervollständigen-Optionen in die Suche bar. Die Suchleiste zeigt die Ergebnisse in eine von zwei Kategorien, je nachdem, welches API-Endpunkt, den Sie trifft. Gerade jetzt, es funktioniert mit Daten, die entweder aus

Wie ein default-Wert reagieren-wählen Sie

Anzahl der Antworten 8 Antworten
ich habe ein Problem mit reagieren-wählen. Ich benutze redux form, und ich habe mir react-Komponente auswählen kompatibel mit redux form. Hier ist der code: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={()