Web / React native
Difference between Functional component and class-based component in React.
| Functional component. | Class-based component. |
| Functional component cannot have state ( before React hooks, now it can have state with React 16.8 or higher). It renders component only based on props that are supplied from the parent. | A class-based component can have component level state. |
| Functional component are simple functions and light weighted. These are functions that accepts props as an argument and returns a React element. | A class-based component is a complex structure. It is an instance of a class derived from React. Component class. The class must implement a render() member function which returns a React component to be rendered. |
| functional component cannot use lifecycle methods. | The class-based component use lifecycle methods such as componentDidMount. |
Functional component example:
function Hello(props) {
return <h1>Hello, {props.userName}</h1>;
}
Class based component example:
class Hello extends React.Component {
render() {
return <h1>Hello, {this.props.userName}</h1>;
}
}
Dogecoin! Earn free bitcoins up to $250 now by signing up.
Earn bitcoins upto $250 (free), invest in other Cryptocurrencies when you signup with blockfi. Use the referral link: Signup now and earn!
Using BlockFi, don't just buy crypto - start earning on it. Open an interest account with up to 8.6% APY, trade currencies, or borrow money without selling your assets.
Join CoinBase! We'll both receive $10 in free Bitcoin when they buy or sell their first $100 on Coinbase! Available in India also.
Use the referral Join coinbase!
Invest now!!! Get Free equity stock (US, UK only)!
Use Robinhood app to invest in stocks. It is safe and secure. Use the Referral link to claim your free stock when you sign up!.
The Robinhood app makes it easy to trade stocks, crypto and more.
Webull! Receive free stock by signing up using the link: Webull signup.
More Related questions...
