Реализация setTimeout для удаления нотифов

Пытаюсь сделать простые нотифы. Жмем на кнопку, появляется уведомление. Если много раз нажимать, то они появятся стопочкой. Это худо-бедно реализовано:

class App extends React.Component {
        state = { messages: [] };
        addItem() {
            this.state.messages.push('Hello Snackbar!');
            this.setState({ messages: this.state.messages });
        }
        render() {
            let notify = this.state.messages.map((item, index) => {
                return <div className="notify" key={index}>{item}</div>;
            });
            return (
                <div>
                    <button className="notify-button" onClick={this.addItem.bind(this)}>Show Snackbar</button>
                    <div>{notify}</div>
                </div>
            );
        }
    }

Теперь ломаю голову над тем, чтобы каждый нотиф появлялся на несколько секунд, а потом исчезал. Знаю, что нужно использовать функцию с setTimeout, но пока не могу сообразить как. Заранее спасибо за любую помощь. В голове пока крутится только что-то такое:

showNotification = () =>
    this.setState({ show: true },
        function() {
        setTimeout(this.hideNotification, 2000);
    });
hideNotification = () => this.setState({ show: false });