How to make a boolean property toggle in a state?

Question

React

function Toggle() {
  let [state, setState] = useState({
    fromBook: [
      { text: "Отрывок из книги 1" },
      { text: "Отрывок из книги 2" },
      { text: "Отрывок из книги 3" },
    ],
    show: false,
    id: 0,
  });

  function showExcerpt() {
    let show = state.show;
    setState({ show: !show });
    console.log(state.show);
    console.log(state.fromBook);
{/*После второго нажатия state.fromBook становится undefined:*/}

  }

  return (
    <div>
      <button onClick={showExcerpt}>Показать отрывок </button>

      {/* <p>{state.excerpts[state.id].text}</p> */}
    </div>
  );
}

Answer 1

setState({ show: !show });
This is how you rewrite state

Answer 2

Split the state object - make a separate call to useState for each of its properties.
Or copy all properties on update: . setState({ ...state, show: !state.show });