Principiante en JavaScript y ReactJs. Estoy tratando de ordenar esta lista mientras muestro opciones en la parte delantera.
<Select value={Reactivity} options={[ { label: "Chicken", value: "Chicken" }, { label: "Rat", value: "Rat" }, { label: "Dog", value:"Dog"}, { label: "Pig", value:"Pig"}, ]} placeholder="Reactivity" onChange={(v) => { setReactivity(v.map((vv) => vv)); }} isClearable isMulti />// Código para mostrar y elegir opciones
Puedes usar Array.sort
<Select value={Reactivity} options={[ { label: "Chicken", value: "Chicken" }, { label: "Rat", value: "Rat" }, { label: "Dog", value:"Dog"}, { label: "Pig", value:"Pig"}, ].sort((a, b) => a.label.localeCompare(b.label))} placeholder="Reactivity" onChange={(v) => { setReactivity(v.map((vv) => vv)); }} isClearable isMulti />Puede leer más sobre sort() y localeCompare() .
Puedes hacer algo como esto:
<Select value={Reactivity} options={() => [ { label: "Chicken", value: "Chicken" }, { label: "Rat", value: "Rat" }, { label: "Dog", value:"Dog"}, { label: "Pig", value:"Pig"}, ].sort((a, b) => a.label.localeCompare(b.label)) } placeholder="Reactivity" onChange={(v) => { setReactivity(v.map((vv) => vv)); }} isClearable isMulti />