Ольга

сделала вот так, в зависимости от направления скролла показывается или исчезает меню, тут используется еще и задержка в 150px для мобилки и 300 px для остальных респонсивов
scrollUpDown() {
const isMobile = this.getLayout();

const delay = isMobile ? 150 : 300;

const scroll = this.lastScrollPos;
this.lastScrollPos = getScrollTop();
const direction = this.direction; // cтарое значение направления

this.direction = (scroll < this.lastScrollPos);

if (direction !== this.direction) {
this.scrollUp = this.lastScrollPos;// значение скролла при смене направления
}

if (Math.abs(this.scrollUp - this.lastScrollPos) > delay) {
this.setState({shownMenu: !this.direction});
}
}

Все, я разобралась

constructor(props){
        super(props);

        this.state = { 
            posts: null,
            date: null
        };

    }
    componentDidMount(){ 
        axios.get('http://www.mocky.io/v2/5a0b3479320000a504e963b9')
            .then(res => {
                const posts = res.data.items; 
                const date = res.data.feature;
                this.setState({posts, date}); 
            })
            .catch(function (error) {
                console.log(error);
            });
    };

    render(){

        const obj = this.state.posts;
        const slide = this.state.date;

        return (
            <div>
                             
                <CardBlock items = {obj || []} />
                <ShowMoreBlock/>
            </div>
            )
    }
}