ant design 是否有类似于material-ui 的类似断点检查？

Question

Material UI 有一个方便的功能，例如检查断点。

const matchesSM = useMediaQuery(theme.breakpoints.down("sm"));

因此，如果屏幕尺寸低于 sm，则

matchesSM

变为 true。

Ant Design 有类似的功能吗？

Answer 1

是的。这就是所谓的

useBreakpoint

。 这是文档：https://ant.design/components/grid/#components-grid-demo-useBreakpoint

Answer 2

如果您想自己查看数字，您也可以执行以下操作：

import { theme } from 'antd';
const { useToken } = theme;

...

const { token } = useToken();

// break point is between:
token.screenMDMin
token.screenSMMax