React - Set state object using args

Question

I have an object saved in a state I am trying to create a function to update parts of the object.

function removeError(val) {
    setPersonsState((prevState) => ({
      ...prevState,
      val: "",
    }));
  }

I have tried to pass val to the object key to update it.

onClick={removeError('Bob')}

Where Bob replaces val to update in the object. Sorry if terminology is bad.

Whenever you want to pass a parameter to a onClick handler function, you need to return that function in the form of arrow function. Like this - onClick = { () => removeError('Bob') } — Roshan Kanwar
– Roshan Kanwar, Commented Apr 29, 2022 at 10:24

Emanuele Scarabattoli · Accepted Answer · 2022-04-29 10:23:59Z

2

Well, you should change it to be in the following way, sine you don't want to change a key named val, but the key with name equal to the value of val

function removeError(val) {
    setPersonsState((prevState) => ({
        ...prevState,
        [val]: "",
    }));
}

And, as suggested in the comments by @RoshanKanwar, also the click handler is not correct, it should be

onClick = {() => removeError('Bob')}

answered Apr 29, 2022 at 10:23

Emanuele Scarabattoli

4,4601 gold badge14 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React - Set state object using args

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related