Hidden 隐藏组件
您可以使用我们的隐藏组件来实现快速并响应式地控制元素的显隐。
除非明确指定是隐藏的，所有元素都是可见的。 为了简化与响应式断点的集成， 此组件可用于隐藏任何内容，或者您可以将它与我们的栅格组件结合使用。
它是如何工作的
通常我们将隐藏组件和一系列 breakpoint（断点）放在一起使用。例如 xsUp 或 mdDown，或一个或多个断点，例如 only='sm' 或 only={['md', 'xl']}。 可以同时使用范围和单个断点来实现自定义的行为。 范围包括指定的断点。
innerWidth |xs sm md lg xl
|--------|--------|--------|--------|-------->
width | xs | sm | md | lg | xl
smUp | show | hide
mdDown | hide | show
实现
js
默认情况下，使用 js 实现，响应性地隐藏基于使用监视屏幕大小的 withWidth() 高阶组件的内容。 除非满足断点，否则这样做的好处是根本不呈现任何内容。
css
如果您正在使用服务器端呈现，则可以设置 implementation="css" 如果您不希望浏览器在屏幕上重新流动您的内容。
断点 up
使用任何断点 up 属性的元素，给定的 子节点 将在 断点以及断点以上 时被隐藏。