What is the difference between this.state.name=”Thomas” and this.s

1.	What is the difference between this.state.name=”Thomas” and this.setState({name: “Thomas”}) ?
Answer» FIRST of all setting the STATE directly by this.state.name=”Thomas” is not recommended in REACT. In React we should never mutate state directly instead of using setState to CHANGE the state. One more drawback of setting state directly is that React’s lifecycle methods — shouldComponentUpdate(), componentWillUpdate(), componentDidUpdate() and render()- depend on state transitions being CALLED with setState().

What is the difference between this.state.name=”Thomas” and this.setState({name: “Thomas”}) ?

Answer»

FIRST of all setting the STATE directly by this.state.name=”Thomas” is not recommended in REACT.
In React we should never mutate state directly instead of using setState to CHANGE the state.

One more drawback of setting state directly is that React’s lifecycle methods — shouldComponentUpdate(), componentWillUpdate(), componentDidUpdate() and render()- depend on state transitions being CALLED with setState().

Discussion

No Comment Found

Related InterviewSolutions

What are Pure Functions and how they are used in reducers?
What is the difference between this.state.name=”Thomas” and this.setState({name: “Thomas”}) ?
Explain type-checking with PropTypes in React?
Explain Fragments in React 16?
Explain the use of Webpack and Babel in ReactJS?
Explain “refs” in React?
How to use a library like jQuery in React, which interacts directly with DOM?
Explain Virtual DOM in React?
What is state in React?
What are props in React?

What is the difference between this.state.name=”Thomas” and this.setState({name: “Thomas”}) ?

Discussion

No Comment Found

Related InterviewSolutions

Reply to Comment