Soy nuevo en reaccionar y estoy tratando de entender cómo funciona.
Tengo 2 entradas seleccionadas y en el evento de cambio quiero filtrar los valores seleccionados del otro en función del primero.
Después de llamar a setOptions con los valores filtrados, siempre están un paso atrás, por lo que siempre tengo el valor anterior.
Entiendo que useState es asíncrono y probé con useEffect (() => {}, [options]) y todavía tengo los valores anteriores en options.
const [options, setOptions] = useState<any>() const filterOptions = (ids: string[]) => { const filteredOptions = list.filter(item=> { return list.includes(item.id) }) setOptions(filteredOptions) }Creo que su problema principal es de la lógica misma. list.includes(item.id) está comprobando item.id en la list que siempre devuelve verdadero.
Puede modificarlo a ids.includes(item.id)
const [options, setOptions] = useState<any>() const filterOptions = (ids: string[]) => { const filteredOptions = list.filter(item => { return ids.includes(item.id) }) setOptions(filteredOptions) }Versión más corta
const [options, setOptions] = useState<any>() const filterOptions = (ids: string[]) => { const filteredOptions = list.filter(item => ids.includes(item.id)) setOptions(filteredOptions) }