Reactjs setstate by field

Question

In React js component I have this code

this.state.author[field] = value;

In the console I got a warning: Do not mutate state directly. Use setState()

How could I put author with [] in setState?

Possible Duplicate: https://stackoverflow.com/questions/43040721/react-set-state-in-for-nested-state — Tharaka Wijebandara, Aug 20 '17 at 14:17

score 2 · Accepted Answer · answered Aug 20 '17 at 14:17

2

If field is a variable that holds the key, you can do this:

this.setState({author: {...this.state.author, [field]: value}})

answered Aug 20 '17 at 14:17

Psidom

mindaJalaj · Answer 2 · 2017-08-20T14:25:39.387

1

**

React uses setState function to update the state of component, you can do somethings like below

**

let newAuthor = [...this.state.author];
newAuthor[field] = value;
this.setState({author:newAuthor});

edited Aug 20 '17 at 14:25

answered Aug 20 '17 at 14:18

mindaJalaj

2 Answers2