what is stats and props in react - Wikitechy https://www.wikitechy.com/interview-questions/tag/what-is-stats-and-props-in-react/ Interview Questions Tue, 29 Mar 2022 12:15:30 +0000 en-US hourly 1 https://wordpress.org/?v=6.9 https://www.wikitechy.com/interview-questions/wp-content/uploads/2025/10/cropped-wikitechy-icon-32x32.png what is stats and props in react - Wikitechy https://www.wikitechy.com/interview-questions/tag/what-is-stats-and-props-in-react/ 32 32 What is State and Props ? https://www.wikitechy.com/interview-questions/reactjs/what-is-state-and-props/ https://www.wikitechy.com/interview-questions/reactjs/what-is-state-and-props/#respond Mon, 21 Mar 2022 11:53:19 +0000 https://www.wikitechy.com/interview-questions/?p=3963 State:
  • It is an updatable structure that is used to contain data or information about the component and can change over time.
  • State Can be modified using this.setState. State can be asynchronous
  • The component can be directly accessed or modified inside the component.
  • It is kept as simple as possible.
  • It represents the component’s local state or information.

For Example,

class Test extends React.Component {    
    constructor() {    
        this.state = {      
            id: 1,      
            name: "kaashiv"    
        };  
    }    
    
    render() {    
        return (      
            <div>        
              <p>{this.state.id}</p>        
              <p>{this.state.name}</p>      
            </div>    
        );  
    }
}

Props:

  • In UI that components in React are used again and again.
  • In the component, we need to change the content inside.
  • It is an object which stores the value of attributes of a tag and works similarly to the HTML attributes.
  • From one component to other components, It allows the passing of data.
  • While inside the component we cannot modify the props, because they are immutable.
  • They are used to passing data between React components.

For Example,

class ParentComponent extends Component {    
    render() {    
        return (        
            <ChildComponent name="Second Child" />    
        );  
    }
}

const ChildComponent = (props) => {    
    return <p>{props.name}</p>;

Difference between State and Props :

                     State                      Props
Data passed within the component only.  Data passed from one component To another.
It becomes Mutable.  It becomes immutable
It is for both read and write.  It is only for read.
It becomes long for properties. It becomes short for properties.
It can be modified. It cannot be modified.
Performance is worse. Performance is better.
It should be managed in your view-controller It is used to pass data down from your view-controller
It pass down with props instead. It is used to pass data to child components.
]]> https://www.wikitechy.com/interview-questions/reactjs/what-is-state-and-props/feed/ 0