// Todo.js
function mapStateToProps(state, ownProps) {
const { visibilityFilter } = state
const { id } = ownProps
const todo = getTodoById(state, id)
// component receives additionally:
return { todo, visibilityFilter }
}
// Later, in your application, a parent component renders:
;<ConnectedTodo id={123} />
// and your component receives props.id, props.todo, and props.visibilityFilter
function mapStateToProps(state) {
return {
a: 42,
todos: state.todos,
filter: state.visibilityFilter
}
}
// component will receive: props.a, props.todos, and props.filter