Почему не перерисовывается значение state

function App() {
  const input1 = React.createRef();
  const [state, setState] = useState({
    countries: ["London", "Paris", "Berlin"],
    currentCountry: "London",
  });

  function handleChange() {
    let obj = state
    obj.currentCountry = input1.current.value
    setState(obj);
    console.log(state)
  }

  return (
    <>
      <p>{state.currentCountry}</p>
      <select ref={input1} onChange={handleChange}>
        {state.countries.map((item, i) => {
          return <option key={i}>{item}</option>;
        })}
      </select>
    </>
  );
}

Почему в state значение currentCountry меняется, а при выводе в абзац остаётся таким же.


Ответы (0 шт):