当用户在功能性React组件中使用触摸屏时，使用按钮隐藏div

问题描述

我想在用户使用触摸屏时隐藏div。这是一个React js功能组件。

我要隐藏的div看起来像这样：

    <div className="scrollButtons">
                    <button
                        className={count <= 0 ? 'buttonLeftOpacity' : 'buttonLeft'}
                        type="button"
                        onMouseDown={() => clickHandlerLeft()}
                    >
                        {'<'}
                    </button>
                    <button className="buttonRight" type="button" onMouseDown={() => clickHandlerRight()}>
                        {'>'}
                    </button>
                </div>
            </>

我用来检测用户是否在触摸屏上的代码是：

    window.addEventListener('touchstart',function userTouch() {
        console.log(userTouch());
    });

当用户使用触摸屏时，如何使用该代码隐藏div？ 预先谢谢你！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）