const [page,setPage] = useState() console.log(page) // gives "Page1" upon state update const onValueChange = (event) => { console.log(page); //gives undefined upon state update }; <Input onChange={(e) => onValueChange(e)} /> <SelectDropdown onChange={() => setPage("Page1")} value={page} /> El código anterior es un breve ejemplo de cómo no puedo acceder a la "página" de estado dentro de la función desde un eventHandler, cómo es posible acceder al estado dentro onValueChange() .
Cambie setStorageId a setPage en su componente SelectDropDown
Su podría debería funcionar como lo hace normalmente. Una explicación de por qué no está undefined en onValueChange es que está cambiando el valor de la Input antes de cambiar el valor de SelectDropdown , en caso de que sea normal, porque esta línea:
const [page,setPage] = useState()establece la página como indefinida. Puede probarlo aquí en este CodeSandbox que acabo de crear.