react-webpack-node/app/containers/Message.jsx

A simple Node.js app using Express 4 with Webpack, React, alt, ImmutableJS

import React, { Component, PropTypes } from 'react';
import {connect} from 'react-redux';
import classNames from 'classnames/bind';
import { dismissMessage } from 'actions/messages';
import styles from 'css/components/message';

const cx = classNames.bind(styles);

const Message = ({message, type, dismissMessage}) => (
    <div className={cx('message', {
      show: message && message.length > 0,
      success: type === 'SUCCESS'
    })} onClick={dismissMessage}>{message}</div>
);

Message.propTypes = {
  message: PropTypes.string,
  type: PropTypes.string,
  dismissMessage: PropTypes.func.isRequired
};

function mapStateToProps(state) {
  return {...state.message};
}

export default connect(mapStateToProps, { dismissMessage })(Message);