目前,我按照文档中的建议使用 Material UI Dialog 组件(充当屏幕上的模式)上的 fullScreen 属性,如下所示:
import useMediaQuery from '@material-ui/core/useMediaQuery';
function MyComponent() {
const theme = useTheme();
const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
return <Dialog fullScreen={fullScreen} />
}
Run Code Online (Sandbox Code Playgroud)
不幸的是,这会导致对话框模式覆盖屏幕顶部的导航栏。我想覆盖对话框模式的高度,但我不知道如何。
有人能帮忙吗?
我一直在使用 Vercel 托管多个 React Web 应用程序,效果非常棒!最近,我升级了一个带有后端的现有项目(Express.js 和 MongoDB Atlas),我也想在那里托管它。
在我的机器上,MongoDB 服务器和所有 CRUD 路由都在 localhost:5000 上顺利运行,但我想知道如何将其添加到 Vercel 部署中。Vercel 的文档侧重于无服务器部署,虽然我不介意在必要时重写我的后端,但我想知道是否有更简单的解决方案来添加服务器/数据库。
MERN 堆栈仍然相对流行,因此我想很多开发人员已经找到了托管此类项目的方法。如果有人可以提供帮助,我将非常感激!