Quiero crear un componente de selección de reacción que busque una lista dinámica poblada desde una API de servidor con un objeto JSON. Estoy tratando de encontrar una alternativa React-select ya que no funciona con la estructura actual de mi proyecto.
El <Form.select> básico puede resaltar un elemento de la lista usando solo el primer carácter, estoy tratando de cambiar su comportamiento para que pueda resaltar un elemento usando múltiples caracteres.
¿Cómo puedo agregar una búsqueda en el formulario React-Bootstrap?
<Form.Select aria-label="Default select example"> <option>Open this select menu</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </Form.Select>`este es mi ejemplo simple creado para resolver la conversión de código a la lista dinámica, luego filtre de acuerdo con la cadena de búsqueda str,
const [options, setOptions] = useState(["one", "two", "three"]); const [data, setData] = useState([]); const [str, setStr] = useState(""); handleInputChange = (event) => { setStr(event.target.value); fetch('URL').then(res=>setData(res.json().filter(str)) }) <input type="text" id="filter" placeholder="Search for..." onChange={this.handleInputChange}/> <Form.Select aria-label="Default select example"> { options.map((element, index) => <option key={index}>{element}</option>) } </Form.Select>