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