Skip to content

Instantly share code, notes, and snippets.

@kevinhooke
Created April 22, 2020 00:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kevinhooke/9e42b4df159bee5deb782c7fd2b94dea to your computer and use it in GitHub Desktop.
Save kevinhooke/9e42b4df159bee5deb782c7fd2b94dea to your computer and use it in GitHub Desktop.
react redux : use connect() with mapStateToProps to pass state into Components as props
import React, { Component } from 'react';
import {connect} from 'react-redux';
class YourComponent extends Component {
constructor(props){
super(props);
}
render() {
return (
<div>
Example render of a mapped prop: { this.props.someprop }
</div>
);
}
}
function mapStateToProps(state){
return {
someprop : state.somevaluefromstate,
}
}
export default connect(mapStateToProps)(YourComponent);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment