Add a pin to bottom scroll behavior by wrapping a component in this ScrollManager.

ScrollManager.jsx

import React, { Component, PropTypes } from 'react';

const styles = {
    scrollManager: {
        position: 'absolute',
        height: '100%',
        width: '100%',
        overflowY: 'scroll'
    }
};

class ScrollManager extends Component {

    componentWillMount() {
        this.pinToBottom = true;
    }

    componentDidMount() {
        this.adjustScrollPosition();
    }

    componentWillUpdate() {
        var node = React.findDOMNode(this);

        this.scrollToBottom = this.props.shouldScrollToBottom(node);
    }

    componentDidUpdate() {
        if (this.scrollToBottom) {
            var node = React.findDOMNode(this);
            node.scrollTop = node.scrollHeight;
        }
    }

    render() {
        return (
            <div style={styles.scrollManager}>
                {this.props.children}
            </div>
        );
    }
}

const { func } = PropTypes;

ScrollManager.propTypes = {
    shouldScrollToBottom: func
};

ScrollManager.defaultProps = {
    shouldScrollToBottom: node => (
        node.scrollHeight - (node.clientHeight + node.scrollTop) < 10;
    )
};

export default ScrollManager;