如何解决手机上的react-bootstrap轮播隐藏控件
我想隐藏移动设备上的控件,但组件道具true
中只有false
或<Carousel controls={true}>
个值。有什么办法可以通过react-bootstrap做到这一点?也许是另一种简单的方法?
解决方法
在安装组件时,您可以检查以查看设备尺寸。之后,评估Carousel
controls
是否需要false
(在小型设备上)或true
(在大型设备上)。
例如功能组件:
function App(){
const [controlsAreVisible,setControlsAreVisible] = useState(true);
useEffect(()=>{
// iPhone X width,for example
if (window.innerWidth <= 375) {
setControlsAreVisible(false)
}
// you can also set up event listeners here for "resize" for full responsiveness
},[])
return(
<Carousel controls={controlsAreVisible}>
...
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。