- Q The new expressway which will connect Noida to Balia across Ganga River is called ….?
- Q Prokopis Pavlopoulos has been elected as the new President of which country?
- Q What is chance of smokers of dying from bronchitis?
- Q Explain what is qms?
- Q What is the use of function overloading in C?
- Q Which former Union Minister for Petroleum and Natural Gas passed away on November 24?
- Q Tell something about Indian Constitution?
- Q What is the inflorescence of Fouquieriaceae ?
- Q What does 'screening your calls' mean?
- Q Write Short Essay on Bioremediation strategies
- Q Where was the first Municipal Corporation set up in India?
Answers
Stateless and Stateful components
Stateless: When a component is “stateless”, it calculates state is calculated internally but it directly never mutates it. With the same inputs, it will always produce the same output. It means it has no knowledge of the past, current or future state changes.
var React = require('react');var Header = React.createClass({ render: function() { return(
); }});ReactDOM.render(
Stateful : When a component is “stateful”, it is a central point that stores every information in memory about the app/component’s state, do has the ability to change it. It has knowledge of past, current and potential future state changes. Stateful component change the state, using this.setState method.
var React = require('react');var Header = React.createClass({ getInitialState: function() { return { imageSource: "header.png" }; }, changeImage: function() { this.setState({imageSource: "changeheader.png"}); }, render: function() { return(
); }});module.exports = Header;
Your Comment
Stateless: When a component is “stateless”, it calculates state is calculated internally but it directly never mutates it. With the same inputs, it will always produce the same output. It means it has no knowledge of the past, current or future state changes.
var React = require('react');var Header = React.createClass({ render: function() { return(
Stateful : When a component is “stateful”, it is a central point that stores every information in memory about the app/component’s state, do has the ability to change it. It has knowledge of past, current and potential future state changes. Stateful component change the state, using this.setState method.
var React = require('react');var Header = React.createClass({ getInitialState: function() { return { imageSource: "header.png" }; }, changeImage: function() { this.setState({imageSource: "changeheader.png"}); }, render: function() { return(
- 0
- 0
- New Answer