简介#
获取响应式媒体查询的结果。基于 antd 的 Grid.useBreakpoint 封装。
用法#
import { useResponsive } from 'antd-style';
function Theme() {
const { mobile } = useResponsive();
// 使用 js 来区分显示移动端
return mobile ? <div>mobile</div> : <div>desktop</div>;
}
示例#
自定义断点#
通过传入 antd 的断点配置，来自定义响应断点。