Please enable JavaScript.

Coggle requires JavaScript to display documents.

REACT (State (Using State Correctly (To update the satte use setState()…

- - - - // Correct
        this.setState({comment: 'Hello'});
  - - - // Wrong
        this.setState({
        counter: this.state.counter + this.props.increment,
        });
      - To fix it, use a second form of setState() that accepts a function rather than an object.
        
        That function will receive the previous state as the first argument, and the props at the time the update is applied as the second argument
        
        // Correct
        this.setState((prevState, props) => ({
        counter: prevState.counter + props.increment
        }));
  - - - A component may choose to pass its state down as props to its child components:
      - This is commonly called a "top-down" or "unidirectional" data flow
      - state is always owned by specific component, any data or UI derived from that state can only affect components "below" them in the tree
      - If you imagine a component tree as a waterfall of props, each component's state is like an additional water source that joins it at an arbitrary point but also flows down
- - - - this hook runs after the component output has been rendered to the DOM: