In React, both state and props are fundamental concepts for managing data in components.
- State (local state):
- State is an inherent object within a component, responsible for representing and managing dynamic data and the component's internal state.
- Changes to state are facilitated by the setState function, triggering a rerender of the component to reflect the updated state.
- Adhering to immutability principles is crucial when working with state, emphasizing the creation of new objects or values instead of direct modifications.
- Props:
- Props, derived from "properties," serve as a mechanism for passing data from a parent component to a child component.
- Unlike state, props are immutable and cannot be altered within the receiving component. That mean if I change value of props, component don't rerende. If I force a rerender, it will still receive the value from the parent component
- Props enhance component reusability and configurability, allowing child components to access and utilize data provided by their parent components.