sample code for the tut `Build a Shopping Cart with React, Redux, and React-DnD`

dnd_shoppingCart.js

class ShoppingCart extends Component{
    render(){
        const { canDrop, isOver, connectDropTarget } = this.props;
        const  isActive = canDrop && isOver;

        let backgroundColor = '#FFFFFF';
        if (isActive){
            backgroundColor ='#F7F7BD';
        } else if (canDrop){
            backgroundColor = '#F7F7F7';
        }
        const style={
            backgroundColor: backgroundColor
        };
        return connectDropTarget(
            <div className="shopping-cart" style={ style } >
                {
                    isActive
                    ? 'Humm, phone!'
                    : 'Drag here to order!'
                }
            </div>
        )
    }
}

export default DropTarget(ItemTypes.PHONE, ShoppingCartSpec, collect)(ShoppingCart);