Reactjs 如何使用Material UI在某些断点处隐藏/显示元素？ 我想在某些断点上显示/隐藏元素，比如我用BooTrasph或Zurb基金会做的。

我在这里的文档中看到了我们添加的内容

display={{xs:'block'，md:'none'}}

我们的元素。我已经这样做了，但是我没有得到任何结果——没有隐藏/显示元素，没有错误，没有编译问题

有人知道这是怎么做到的吗

我的代码是：

import React from 'react'
import PropTypes from 'prop-types'
import makeStyles from '@material-ui/core/styles/makeStyles'
import Button from '@material-ui/core/Button'

const useStyles = makeStyles(styles)
const PhoneActionLink = ({ children, prefix, href, value, display, isFirst, ...other }) => {
  const classes = useStyles()

  return (
      <Button
        display={{ xs: 'block', md: 'none' }}
        {...other}
      >
        {children}
      </Button>
    </div>
  )
}

从“React”导入React
从“道具类型”导入道具类型
从“@material ui/core/styles/makeStyles”导入makeStyles
从“@material ui/core/Button”导入按钮
const useStyles=makeStyles（样式）
const PhoneActionLink=（{子项，前缀，href，值，显示，isFirst，…其他}）=>{
常量类=useStyles（）
返回(
{儿童}
)
}

给你一个解决方案

从“React”导入React
从“道具类型”导入道具类型
从“@material ui/core/styles/makeStyles”导入makeStyles
从“@material ui/core/Box”导入框
从“@material ui/core/Button”导入按钮
const useStyles=makeStyles（样式）
const PhoneActionLink=（{子项，前缀，href，值，显示，isFirst，…其他}）=>{
常量类=useStyles（）
返回(
{儿童}
)
}