Multi tool use

Are there any important difference between state and object in the class?

Let me show what i mean:

class Example extends Component {
constructor(props){
super(props);
this.state = {
prop: 0
}
}
prop = 0;

changeProp = () => {
this.setState({
prop: 5
});
this.prop = 5
}

Both state.prop and prop can used, both can changed, so what's the main difference between them?

this.prop

setState

2 Answers
2

While it is technically possible to alter state by writing to this.state directly, it will not lead to the Component re-rendering with new data, and generally lead to state inconsistency.

this.state

Component

Also, to be remember is that setState is asynchronous. This allows us to have multiple calls to setState in a single scope and not trigger the re-rendering of the whole tree.

setState

allows

setState

States can be modified by this.setState, which will trigger a re-render. But you should not and cannot modify this.props within a Component.

this.setState

this.props

States are used within a component, only the component itself is concerned with its value. However, props are received from its parent, the component only reads from it and renders.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.