对 event.target.value 未正确更新的 useState 问题做出反应？

Question

My issue is that my useState is getting wrong numbers

when I print e.target.value it for example outprints 1 but my selectedIndex gives me 2 or when I get 0 selectedIndex retrives 1 stuff like that. Any ideas why this could happen?

<Select
 id="SelectGrade"
  value={selectedIndex}
  //Important part
                      
   onChange={(e) => {
    console.log(e.target.value);
     setSelectedIndex(e.target.value),
     console.log(selectedIndex);

}}
>
 {pflegeengel.map(({ Vorname }, index) => {
        return (
          <MenuItem value={index} key={index}>
              {Vorname}
           </MenuItem>
          );
       })}
</Select>

Answer 1

When you console the state value imediately after setting will give you the older value. Is that your issue? Anyway the state will get updated. If you want to check the value change use as below after setting

React.useEffect(() => { console.log(selectedIndex)}, [selectedIndex]);