override given variable in object | Javascript React

Question

const [letters, setLetters] = useState({
    A: false,
    B: false,
    C: false
})

function handleClick(input){
    setLetters((prevLetters) => ({
        ...prevLetters,
        [input]: true
    }))
}

handleClick("A")

How do I manage that, depending on the input, the correct letter is set to true? So if the input is A, it should be set to true in the letters object.

Answer 1

If you want to override the existing properties on the letters object you can do something like this

const lettersObject = {
  A: false,
  B: false,
  C: false,
};

const [letters, setLetters] = useState(lettersObject);

function handleClick(input) {
  setLetters({
    ...lettersObject,
    [input]: true,
  });
}

Answer 2

Is this what you are looking for?

  function handleClick(input) {
    setLetters((prevLetters) => ({
      letters: {
        ...prevLetters,
        input: true
      }
    }));
  }