Roll Your Own Redux - connect Example

ryor-connect-example.tsx

const mapStateToProps = ({ isFormValid, hasQuoteError, isLoadingQuote }: StateProps) => ({
  isFormValid,
  hasQuoteError,
  isLoadingQuote,
});

const mapDispatchToProps = (dispatch: React.Dispatch<Action>) => ({
  addMessage: (message: string) => dispatch(addMessage(message)),
  addRonSwansonQuote: () => dispatch(addRonSwansonQuote()),
});

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(MessageForm);