Estoy tratando de usar react-bootstrap-typeahead en mi proyecto. El problema es que el formato se ve bastante mal. Intenté ejecutar exactamente el mismo código en un entorno limitado en línea. Ahí se ve bien.
Al principio pensé que el sandbox estaba aplicando estilos explícitos, pero ese no parece ser el caso. Por lo que puedo decir, está utilizando el estilo predeterminado del competente de escritura anticipada en lugar de aplicar un formato pesado. https://codesandbox.io/s/9jq9jyzmry
Sospecho que algo en mi aplicación anula el estilo utilizado por la escritura anticipada y hace que se represente incorrectamente.
Me doy cuenta de que es posible aplicar un formato personalizado a la escritura anticipada, pero eso parece laborioso. ¿Hay alguna manera de forzar el estilo predeterminado en la escritura anticipada?
Como referencia, aquí está el código:
import React, { useState } from 'react'; import { Typeahead } from 'react-bootstrap-typeahead'; const MyPicker = () => { const [selected, setSelected] = useState([]); const handleChange = (sel) => setSelected(sel); return ( <div> <Typeahead multiple clearButton id="my-typeahead" labelKey="fullname" onChange={handleChange} options={[ { fullname: 'Apple', }, { fullname: 'Banana', }, { fullname: 'Peach', }, { fullname: 'Zucchini', }, ]} placeholder="Select options..." selected={selected} /> </div> ); }; export default MyPicker;