我无法在React中分离firebase侦听器

我想在组件卸载但找不到解决方案时分离侦听器。每当我在卸载组件后进行更改时,结果都会显示在浏览器控制台中。

数据库

var groupUpdate = function(id, callback) {
    return firebase.database().ref('groups/').child(id).on('child_changed', (snapshot) => {
        callback({key: snapshot.key, value: snapshot.val()});
    });
};

module.exports = {
    groupUpdate: groupUpdate
}

组成部分

export default class Example extends React.Component {
    constructor(props) {
        super(props);

        this.groupListener = database.groupUpdate(this.props.group.id, (result) => {
            console.log(result);
        }).bind(this);
    }

    componentWillUnmount() {
        this.groupListener = null;
    }

    render() {
        ....
    }
}