0
165
VistasCampo de entrada del chip de reacción
Estoy usando React 17 e intenté usar diferentes campos de entrada de chip como material-ui-chip-input, etc. Desafortunadamente, todos los paquetes npm que probé no funcionan con la versión 17 de React.
¿Conoce algún componente que funcione con esta versión o cómo podría crear uno yo mismo?
Gracias por adelantado
Editar: logré hacer lo que quería, pero desafortunadamente, ahora recibo el siguiente error al presionar enter/agregar un nuevo elemento:
index.js:1 Advertencia: No se puede actualizar un componente (
CreatePoll) mientras se representa un componente diferente (ForwardRef(Autocomplete))
Aquí está el codesandbox que muestra el problema: https://codesandbox.io/s/compassionate-greider-wr9wq?file=/src/App.tsx
1 Respuestas
Responde la pregunta0
¿Por qué no usas esto en lugar de un paquete nuevo? Autocompletar exactamente hacer eso.
const [receivers, setReceivers] = React.useState<string[]>([]); import Autocomplete from '@mui/material/Autocomplete'; <Autocomplete multiple onChange={(e, value) => setReceivers((state) => value)} id="tags-filled" options={top100Films.map((option) => option.title)} defaultValue={[top100Films[13].title]} freeSolo renderTags={(value, getTagProps) => value.map((option, index) => ( <Chip variant="outlined" label={option} {...getTagProps({ index })} /> )) } renderInput={(params) => ( <TextField {...params} variant="filled" label="freeSolo" placeholder="Favorites" /> )} />