Web / ReactJS
What are Higher-order components in React?
A higher-order component is a function that takes a component and returns a new component. Higher-order components enable code reuse and ideal for cross-cutting patterns. HOC may be used to add functionality to components.
An ideal example of HOC is connect() function in React Redux, that provides state capability to any component.
const HomeScreen = ({ navigation }) => {
return (
<SafeAreaView>
...
</SafeAreaView>
)
}
const mapDispatchToProps = dispatch => (
bindActionCreators({
logout
}, dispatch)
);
const mapStateToProps = (state) => {
console.log("mapStateTOPROps ran", state)
const { subjects } = state
return { subjects }
};
export default connect(mapStateToProps, mapDispatchToProps)(HomeScreen)
Dogecoin! Earn free bitcoins up to $250 now by signing up.
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...
