NextJs和MUI日期选择器错误“readOnly”不匹配,服务器:“”客户端:“假”

eulz3vhy  于 2023-06-05  发布在  其他
关注(0)|答案(1)|浏览(262)

警告:Prop readOnly不匹配。服务器:“”客户端:“false”Iv尝试使用移动的和Dekstop

const isDesktop = useMediaQuery('(min-width:900px)');

然后我呈现桌面或移动的日期选择器取决于此值。但无论如何都是错误的。有什么建议可以避免这种情况吗?

2ledvvac

2ledvvac1#

我添加了变通方法,但看起来很丑,因为我。

const [isDesktop, setIsDesktop] = useState(true);    
const theme = useTheme();
const match = useMediaQuery(theme.breakpoints.up('md'));

 useEffect(() => {
    setIsDesktop(match);
  }, [match]);

 and then condition which datepicker i want render.

相关问题